body{width: 960px; font-size:13px; 
background: url("../images/grass.jpg") repeat scroll 0 0 transparent;  
margin: 0 auto;  width: 1000px;
line-height: normal;}
a {text-decoration:none; color: black;}
img {border:none;}	
.mybody { background: url("../images/top-white.png") no-repeat scroll 0 0 transparent; 
						 min-height:120px;
	    			 font-family:"Verdana","sans-serif";
    				 padding: 3px 10px 0;
    			  }
.queslabel {
						 background: #465074;
		 				 margin: 0 0 0 0px; display: inline-block; color:white;
		 				 font-weight:bold;
						 -moz-border-radius: 6px 6px 6px 6px;-webkit-border-radius: 5px;
						 border-top-left-radius: 5px 5px;
						 border-top-right-radius: 5px 5px;
						 border-bottom-right-radius: 5px 5px;
						 border-bottom-left-radius: 5px 5px; 
						 border: 1px solid #DEDEDE;
						 /*box-shadow: 0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;
						 -o-box-shadow: 0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;
						 -webkit-box-shadow: 0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;
						 -moz-box-shadow: 0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;
						 */
						 padding:10px;
						 width:84%;
						 /*font-size:110%; /* 14px */
						 padding-left:20px;
						 /*padding-top:20px;*/
						 text-align:left;
		 				}
.quesbox {min-height:410px; }
.navlabel {
		 				margin: 0 0 0 5px; display: inline-block; 
		 				font-weight:bold;
						-moz-border-radius: 6px 6px 6px 6px;-webkit-border-radius: 5px;
						border-top-left-radius: 5px 5px;
						border-top-right-radius: 5px 5px;
						border-bottom-right-radius: 5px 5px;
						border-bottom-left-radius: 5px 5px; 
						cursor: pointer;

						color: #4C4C4C;;
						border-radius: 4px;
						text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
						background: gold;
						box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #d4d4d4;
						-o-box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #d4d4d4;
						-webkit-box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #d4d4d4;
						-moz-box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #d4d4d4;		 				
						padding:10px;
						padding-left:20px;
						width:80px;
						font-size:16px;
						float:right;
						}
.commentlabel {
		 				margin: 0 0 0 5px; display: inline-block; 
		 				font-weight:bold;
						-moz-border-radius: 6px 6px 6px 6px;-webkit-border-radius: 5px;
						border-top-left-radius: 5px 5px;
						border-top-right-radius: 5px 5px;
						border-bottom-right-radius: 5px 5px;
						border-bottom-left-radius: 5px 5px; 
						cursor: pointer;

						color: white;;
						border-radius: 12px;
						background: navy;
						padding:10px;
						padding-left:20px;
						width:80px;
						font-size:16px;
						float:right;
						}

.butlabel {
						-moz-border-radius: 6px 6px 6px 6px;-webkit-border-radius: 5px;
						border-top-left-radius: 5px 5px;
						border-top-right-radius: 5px 5px;
						border-bottom-right-radius: 5px 5px;
						border-bottom-left-radius: 5px 5px; 
            cursor: pointer;
            padding:10px 30px;
            color: #4C4C4C;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
            -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
            background: #F6F6F6;
            background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#D4D4D4));
            background: -webkit-linear-gradient(#F6F6F6, #D4D4D4);
            background-image: -moz-linear-gradient(top, #f6f6f6, #d4d4d4);
            background-image: -moz-gradient(top, #f6f6f6, #d4d4d4);
            border: 1px solid #A1A1A1;
						padding:5px;
						width:84%;
						text-align:left;
						margin-left:50px;
					 }					 
.resourcesbox,.resourcesbox2 {
						background:#22A758;
						-moz-border-radius: 6px 6px 6px 6px;
						-webkit-border-radius: 5px;
						border-top-left-radius: 5px 5px;
						border-top-right-radius: 5px 5px;
						border-bottom-right-radius: 5px 5px;
						border-bottom-left-radius: 5px 5px; 
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
            -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
            background: -webkit-gradient(linear, left top, left bottom, from(#254117), to(#22A758));
            background: -webkit-linear-gradient(#254117, #22A758);
            background-image: -moz-linear-gradient(top,#254117, #22A758);
            background-image: -moz-gradient(top, #254117, #22A758);
            border: 1px solid #A1A1A1;
						color:white;
						padding:10px;
		 				color:white;
		 				font-weight:bold;
						-moz-border-radius: 6px 6px 6px 6px;-webkit-border-radius: 5px;
						border-top-left-radius: 5px 5px;
						border-top-right-radius: 5px 5px;
						border-bottom-right-radius: 5px 5px;
						 border-bottom-left-radius: 5px 5px; 
						 border: 1px solid #DEDEDE;
						 box-shadow: 0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;
						 -o-box-shadow: 0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;
						 -webkit-box-shadow: 0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;
						 -moz-box-shadow: 0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;
						 float:left;
						 width:610px;
						 color:black;
						 background:#d8dde3;						
						 padding-top:15px;
						 padding-left:20px;
					 }					 
.quizmainbox{ margin: 0 auto;
            padding:10px;
            background: #FCFCFC;
            border: 1px solid #DEDEDE;
            box-shadow: 0 1px 5px #D9D9D9,inset 0 5px 5px #F1F1F1;
            -o-box-shadow: 0 1px 5px #D9D9D9,inset 0 5px 5px #F1F1F1;
            -webkit-box-shadow: 0 1px 5px #D9D9D9,inset 0 5px 5px #F1F1F1;
            -moz-box-shadow: 0 1px 5px #D9D9D9,inset 0 5px 5px #F1F1F1;
            border-radius: 5px 2px 5px 2px;						
						}
.countbox,.countboxleft,.countboxred,.countboxgreen{border: 1px solid #F6F6F6;
						padding: 5px;
            background: #F0F0F0;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
            -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
            border-radius: 3px;
            color: #949494;
						float:right;
						margin-left:10px;
						text-align:center;
						display:inline-block;
						}
.logobox{background:#d8dde3;  border-radius:8px 8px; padding:0px 5px 5px 5px;}	
.ui-widget-header {
    background: #f6a828 url("/themes/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
}					
.countboxleft {float:left;padding:10px 10px;margin-right:5px;text-align:center;}
.countboxred{float:left;padding:10px 10px;margin-right:5px;text-align:center;background:brown;color:white;}
.countboxgreen{float:left;padding:10px 10px;margin-right:5px;text-align:center;background:#4F9D3A;color:white;}
.imgpadright{padding-right:20px}
.imgpadleft{padding-left:20px}
.imgpad2{padding-left:12px;padding-right:12px}
#clickanswer{color:brown;width:600px;}
.bigshadow {text-shadow: 2px 2px 2px white, 4px 4px 4px gold;color:black;}
.urlbar {color:white;font-weight:bold;background:#1C3F61;background:rgba(28,63,97,0.9);padding:10px;}
.myportal-header { height:81px; font-size:30px;padding-top:10px;font-weight:bold; box-sizing: content-box;}
.myportal-header-bg {padding-right:50px;text-decoration:none;border:none; }
.portlet {  width: 142px;  float: left; margin: 0 0.5em 1em 0.5em; height:125px; overflow:hidden; border:2px solid white;  }
.portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 0.4em; word-wrap: break-word; min-height:150px;color:brown}
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }
.ui-button-text {padding:20px;}
* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
a:hover, a:focus{
    text-decoration: none;

}
.pagetitle {
    background-color: #d8dde3;
    padding-bottom: 4px;
    padding-right: 8px;
    border-radius: 4px;
}
.freetitle {
    background-color: #1C3F61;
    padding-left: 5px;
    padding-right: 5px;
}