@charset "utf-8";
/* CSS Document */
:focus{outline: none;}
*{margin:0;padding:0;}
html {height:100%; margin-bottom: 1px;}	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-ie browsers */
body, div, form, h1, h2, h3, h4, h5, h6, ol, ul, li, p, hr { margin:0; padding:0;}
ul, li{ list-style-type:none; margin:0; padding:0;}
body{color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
strong{ font-weight: bolder }

a img{ border:none;}

h1 { margin:0; padding:0px 0 0px 0; font-size:24px;line-height:30px;}
h2 { margin:0; padding:0px 0 0px 0; font-size:18px;line-height:24px;}
h3 { margin:0; padding:0px 0 0px 0; font-size:14px;line-height:20px;}
p {	 margin:0; padding:0px 0 0px 0; line-height: 0px;}

.fix { clear:both; line-height:0; height:0; font-size:0;}
/*.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size:0; }
.clearfix { display: inline-block; font-size:0; }*/
/** html .clearfix { height: 1px; font-size:0; }*/
/* = clearing floats = */
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block }
.clearfix { display:block }
* html .clearfix { height: 1px; }
.clear { clear: both; }
/*-----------------*/
.clear { clear: both; }

.outer_wraper{margin:0px auto;padding:0px; width:990px; border-color:Black; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius: 15px; behavior: url(pie.htc);}
.fl{ float:left;}
.serviceBoxOne fl p{font-family:Berlin Sans FB Demi; line-height:18px; color:#717B84 !important; text-decoration:none; margin:0 0px; }
.fr{ float:right;}


/**/
.error {color: red;}

/* containe*/
#containerRow { border:2px solid #666666; padding:15px 10px;
                 -webkit-border-radius:15px; -moz-border-radius:15px; border-radius: 15px; behavior: url(pie.htc); 
}

/* searchRow */
#searchRow{ background:url(images/158.jpg) repeat-x left top; width:970px; height:90px; padding:15px 10px;
			margin:20px 0 20px 0;
			-webkit-border-radius:15px; -moz-border-radius:15px; border-radius: 15px; behavior: url(pie.htc);
}



/*<div style="margin: 0px auto; padding: 0px; width: 500px;">*/
#searchRowLogin 
{ /* commented by khalid 7-3-13
    background:url(images/300.jpg) repeat-x left top; 
*/
background:-moz-linear-gradient(top, #7fbfed 0%, #3188c4 100%);
background:-webkit-linear-gradient(top, #7fbfed 0%, #3188c4 100%);
background: -ms-linear-gradient(top, #7fbfed, #3188c4);
    height:300px; padding:15px 10px;
			margin: 50px auto; padding: 0px; width: 500px;
			-webkit-border-radius:15px; -moz-border-radius:15px; border-radius: 15px; behavior: url(pie.htc);
}

#searchRowLoginSchool 
{   background:-webkit-gradient(linear,left top,left bottom,color-stop(#7fbfed,0),color-stop(#3188c4,1));
    background:-webkit-linear-gradient(top, #7fbfed 0%, #3188c4 100%);
   
    background:-moz-linear-gradient(top, #7fbfed 0%, #3188c4 100%);

    background:-o-linear-gradient(top, #7fbfed 0%, #3188c4 100%);
    background:linear-gradient(top, #7fbfed 0%, #3188c4 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fbfed', endColorstr='#3188c4',GradientType=0 );
    
    
    height:300px; padding:15px 10px;
			margin: 0px auto; padding: 0px; width: 500px;
			-webkit-border-radius:15px; -moz-border-radius:15px; border-radius: 15px; behavior: url(pie.htc);
}

.main-text-red
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FD0303;
    font-style: normal;
    text-align: justify;
}

.main-text-pic-text-smal
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333333;
    font-style: normal;
    text-align: justify;
    background:#e3e3e3 url(images/searchPanelBg.jpg) repeat-x left top;
    -webkit-border-radius:6px; -moz-border-radius:6px; border-radius: 6px; behavior: url(pie.htc);
    width:300px;
    height:25px;
    margin: 3px 0 0px 0px;
    padding-left:5px;
    border:2px solid #969696;
    resize: none;
}


.main-text-pic-drop-smal
{
    font-family: Arial, Helvetica, sans-serif;  font-size: 14px; color: #333333; font-style: normal; text-align: justify;
    background:url(images/searchPanelBg.jpg) repeat-x left top;
    -webkit-border-radius:6px; -moz-border-radius:6px; border-radius: 6px; behavior: url(pie.htc);
    width:308px;
    height:28px;
    margin:3px 0 3px 0px;
    border:2px solid #969696;
}


.main-text-white-big
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    color: White;
    font-style: normal;
    text-align: justify;
    
}   

.main-text-big
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-style: normal;
    text-align: justify; 
}   

.innerRight { float: right; height:auto; margin: 0 0 0 25px; min-height:700px; padding: 0px 0 50px 0; position: relative; width: 720px; }
.newGroup { width:680px; }
.newGroup p {  margin:0; padding:0 0 10px 0; font-size:12px; line-height:18px; font-weight:normal; color:#000000;
border-bottom:1px solid #68b4e8;}


/*Menu List*/
.leftNav { width:200px;}
.leftNav ul { margin: 0; padding: 0;}
.leftNav ul li { height: 34px; line-height: 34px; list-style-type: none; margin:0 0 0px 0; padding:0 0 0 10px; text-align: left; width: 208px; 
}
.leftNav ul li a, .leftNav ul li a:visited {  color: #0066ff; display: block; float: left; font-size: 14px; height: 34px; line-height: 34px; list-style-type: none; margin: 0; padding:0; text-decoration: underline; width:200px;
}
.leftNav ul li a:hover{text-decoration:underline; display:block; color:#ff9000; }
.leftNav ul li.selected a, .leftNav ul li.selected a:visited, .leftNav ul li.selected a:hover {text-decoration:none; display:block; color:#000000; width: 305px; height: 34px; line-height: 34px; border:1px solid #cfd1d0;margin:-1px 0 0 -1px }



A.topmenu:link
{
    color: White;
    font-size: 13px;
    font-family: "Arial" , Verdana, Helvetica, sans-serif;
    font-weight: normal;
    padding-left: 10px;
}
A.topmenu:visited
{
    color: Yellow;
    font-size: 13px;
    font-family: "Arial" , Verdana, Helvetica, sans-serif;
    font-weight: normal;
    padding-left: 10px;
}
A.topmenu:active
{
    color: White;
    font-size: 13px;
    font-family: "Arial" , Verdana, Helvetica, sans-serif;
    font-weight: normal;
    padding-left: 10px;
}
A.topmenu:hover
{
    color: #ff9000;
    font-size: 13px;
    font-family: "Arial" , Verdana, Helvetica, sans-serif;
    font-weight: normal;
    padding-left: 10px;
}


.watermarked {	
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: gray;
    font-style: normal;
    text-align: justify;
    background:#e3e3e3 url(images/searchPanelBg.jpg) repeat-x left top;
    -webkit-border-radius:6px; -moz-border-radius:6px; border-radius: 6px; behavior: url(pie.htc);
    width:300px;
    height:25px;
    margin: 3px 0 0px 0px;
    padding-left:5px;
    border:2px solid #969696;
    resize: none;
    
}