/* -------------------------------------- */

/* -------------------------------------- */	


BODY { 
	font-family: "Trebuchet MS",       Tahoma,       Verdana,       Arial,       Helvetica,       Sans-serif,       sans-serif; 
	font-size: 16px; 
	color:#000033; 
	background-image: none;
	/*background-color: #00FFFF; */
} 


a:active { 
  color:#003399;
  text-decoration: none;
  font-size:inherit;
} 
a:link {
  text-decoration: none;
  font-size:inherit;
  font-weight: inherit;
  color:#003399;
  cursor:pointer;
}
a:hover {
  text-decoration: none;
  font-size:inherit;
  font-weight:inherit;
  background-color: #F8FF66;
  color:#003399;
}
a:visited {
  text-decoration: none;
  font-size:inherit;
  font-weight: inherit;
  color:#003399;
}


.q_container {
	width:800px;
	height:136px;
/*	background-color: white; */
	text-align: center;
	font-family: "Trebuchet MS",Tahoma,Verdana,Arial,Helvetica,Sans-serif,sans-serif; 
	font-size: 16px; 
	color: rgb(0,0,51); 
	background-image: none;	
}

.q_top {
	visibility:inherit;
	width:690px;
	height:110px;
	text-align: left; 
	float: left;
	background-image:url(/qodtop.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	
}

.q_top_user {
	text-align:left; 
	height:100px;
	width: 180px;
	float: left;
	position: relative; 
	margin-right:4px;
	font-size: 8pt;
}

.q_top_graphic {
	text-align:left; 
	width: 680px;
	height:108px;
	margin-right:4px;
}


.q_nav1 {
	visibility:inherit;
	width:100px;
	height:110px;
	text-align: left;
	float:left;	
	font-size: 14px;
}

#navigation.q_nav1 a {
	font-size: 10pt;
	vertical-align: top;
	font-weight:normal;
	font-size:14px;
	text-decoration: none;
	color:#003399;
	width:90px;
	min-width: 90px;
	height:20px;
	}


#navigation.q_nav1 p {
	margin-top:0;
	margin-bottom:0;
	height:20px;
	}


#navigation.q_nav1 a:active { padding: 0px;text-decoration:none; }
#navigation.q_nav1 a:link { padding: 0px;text-decoration:none; }
#navigation.q_nav1 a:visited { padding: 0px;text-decoration:none; }
#navigation.q_nav1 a:hover {
	background:#F8FF66;
	padding: 0px;
	min-width:90px;
}

#navigation.q_nav1 p:active { padding: 0px; }
#navigation.q_nav1 p:link { padding: 0px; }
#navigation.q_nav1 p:visited { padding: 0px; }
#navigation.q_nav1 p:hover {
	background:#F8FF66;
	padding: 0px;
	width:90px;
}




#nav2 A:hover { text-decoration: none; color:black; }
#nav2 A:active { color: rgb(0,0,0); text-decoration: none } 
#nav2 A:link { color: rgb(0,0,0); font-weight: normal; text-decoration: none } 
#nav2 A:visited { color: rgb(0,0,0); font-weight: normal; text-decoration: none } 

.q_nav2 {
	visibility:inherit;
	width:798px;
	height:90px;
	text-align: center;
}

.q_nav2_item {
	text-align:right;
	height:80px;
	float: right;
	position: relative; 
	margin-right:4px;
}



.q_divlink {
	border: 2px outset white;
	background:url(imgbtn.gif) repeat-x left top;
	text-align:center;
	height: 20px;
	float: left;
	font-size: 10pt;
	font-weight:100;
	cursor:pointer;
}


.q_page {
	float:none;
	visibility:inherit;
	width:800px;
	text-align: left;
	font-size: 10pt;
}

.q_bottom {
	float: none;
	visibility:inherit;
	width:800px;
	text-align: center;
	font-size:8pt;
	color:blue;
	text-align:center;
}


.q_button {
	cursor:pointer;
	background:url(imgbtn.gif) repeat-x left top;
	text-align:center;
	width:100px;
	font-size: 10pt;
}

.q_button_link {
	cursor:pointer;
	background:url(imgbtn.gif) repeat-x left top;
	text-align:center;

}


.q_clear {
    clear:both;
    height:1px;
    overflow:hidden;
}








.disable_masking
{
    z-index: 6001;
    position: absolute;
    display: none;
    background-color: #ffffff;
    border: 5px solid #000;
    padding: 20px;
}
.closebutton, .myclosebutton
{
    float: right;
    text-decoration: none;
}
.data
{
   font-size: 12px;
   text-align: justify;
}
.viewsiurce
{
    background-color: #F0F0F0;
    border: 2px dashed #000;
    padding: 20px;
    color: #006633;
    font-size: 15px;


}

.aquestion {
    border:2px solid gray;
    background-color:#d3d3d3;
    padding:5px 5px 4px 5px;
    margin-bottom:5px;
    height:1%; /* Fix for MSIE peekaboo bug */
  }

.arate {
    border:2px solid gray;
    background-color:#d3d3d3;
    padding:5px 5px 4px 5px;
    margin-bottom:5px;
    height:1%; /* Fix for MSIE peekaboo bug */
  }


.acorrect {
    color:red; 
    border: 1px solid green; 
    padding-right: 3px;
    padding-left: 3px;
    width: 90%;
}

.aanswer {
    border:2px solid gray;
    background-color:#d3d3d3;
    padding:5px 5px 4px 5px;
    margin-bottom:5px;
    height:1%; /* Fix for MSIE peekaboo bug */
  }

ul.alog {
    list-style-type:none;
    margin:10px;
    padding:0px;
    font-size:9pt;
  }
  
ul.alog li {
    border:2px solid gray;
    background-color:#d3d3d3;
    padding:5px 5px 4px 5px;
    margin-bottom:5px;
    height:1%; /* Fix for MSIE peekaboo bug */
  }
  
ul.alog li img {
    float:left;
    margin-right:5px;
  }
  
.clear247 {
    clear:both;
    height:1px;
    overflow:hidden;
}

.btn_standard 
{
    background-color: #c0c0c0;
    color: #003399;
    padding:0px 3px 0px 3px;
    width:auto;
    font-size: 14px;
    cursor:pointer;
    text-align:center;
}


div.enter_question 
{
    border: none;
    font-size:10pt;
    background-color:Silver;
    padding:10px;
    margin-top:5px;
    margin-bottom:5px;
    width:100%;
}

div.enter_question:hover
{
    background-color:LemonChiffon;
}


div.question {
	font-size: 12pt;
	font-weight: bold;
	font-style:italic;
}

div.question img {
	margin-right: 15px;
}


table#user_questions_table   {
width: 100%;
border-collapse: collapse;
}
table#user_questions_table td:hover  {
background-color: LemonChiffon;
}
table#user_questions_table th  {
border: 1px solid grey;
}
table#user_questions_table td  {
border: 1px solid grey;
}
table#user_questions_table a:hover {
  text-decoration: none;
}



table#user_ranking_table   {
    width:100%;
    border-collapse: collapse;
}
table#user_ranking_table td:hover {
  background-color: LemonChiffon;
} 
table#user_ranking_table th  {
  border: 1px solid grey;
}
table#user_ranking_table td  {
  border: 1px solid grey;
} 
table#user_ranking_table a:hover {
  text-decoration: none;
}


div.editfield:hover  {
    background-color: LemonChiffon;
}

div.editfield {
    background-color:Silver;
    width: 100%;
    padding:10px;
    margin-top:5px;
    margin-bottom:5px;
    text-align:left;
}


div.noeditfield 
{
    background-color:Cyan;
    width: 100%;
    padding:10px;
}

div.output_area {
    background-color: #B0C4DE;
    width: 100%;
    padding:10px;
}



.row {
  display: table-row;
  width: 100%;
  /*clear:all;*/
}

.col-any {
  display: table-cell;
  padding-bottom: 5px;
  border-bottom:3px double lightgray;
  width: 20%;
}

.col-divider {
  display: table-cell;
  padding-top: 5px;
  border-top:3px double lightgray;
}

.col-loggedin {
  display: table-cell;
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom:3px double lightgray;
  width: 20%;
}

ul.comment247 {
    list-style-type:none;
    margin:7px 7px 7px 40px; 
    margin-left:40px;
    padding:0px;
    font-size:9pt;
  }
  
ul.comment247 li {
    border:2px solid #a9a9a9;
    background-color:Palegoldenrod;
    padding:5px 5px 4px 5px;
    margin-bottom:5px;
    height:1%; /* Fix for MSIE peekaboo bug */
  }
  
ul.comment247 li img {
    float:left;
    margin-right:5px;
  }


.clear247 {
    clear:both;
    height:1px;
    overflow:hidden;
}

.T_UL 
{
    text-align:left;
    border-bottom: 1px solid gray;
}
.T_UR 
{
    text-align:right;
    border-bottom: 1px solid gray;
}
.T_UC 
{
    text-align:center;
    border-bottom: 1px solid gray;
}
.T_U 
{
    border-bottom: 1px solid gray;
}