	
/***************** ads bnr ******************/

	
	.headerADS{
		/*height: 60px; 
		width: 540px; */
		height: 10%; 
		width: 30%; 
		/*display: block; */
		float: left; 
		margin: 75px 0 0 115px;
		/*background-color: #b20b0d;*/
		}
		
			.headerADSen{
		/*height: 60px; 
		width: 540px; */
		height: 10%; 
		width: 30%; 
		/*display: block; */
		float: left; 
		margin: 75px 0 0 115px;
		/*background:url("/National_Library/oe_/https://tawasol.ksu.edu.sa/images/ar_bnr.png");*/
		/*background-color: #b20b0d;*/
		}
		
		
.decor{
		
background-color: red;
width:100px;
	
}





/*#####		points tooltips		#####*/

 #wow_tip{
	/*direction:rtl;
	width:200px;*/
	background:#222;
	position:absolute;
	display:none;
	color:#FFF;
	padding:5px;
	-moz-border-radius: 5px;
    -webkit-boorder-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
}

/*######   note point   ####*/


.points {
    float: left;
   /* position: relative;*/
   margin-left:-100px;
}

.points a.count {
    background: url("/National_Library/oe_/https://tawasol.ksu.edu.sa/images/notibg.png") repeat-x scroll left top #CC170E;
    border-bottom: 1px solid #445775;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 5px #400603 inset;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin-top: 5px;
	
	/*margin: 120px 0 0 115px;*/

    padding: 8px 13px;
}
a {
    outline: medium none;
    text-decoration: none;
}










textarea{

resize:none;

}


input[type="text"],input[type="password"],select{
border-radius: 3px;
border: 1px solid #9DBCE7;
height:25px;
width:auto;
min-width: 120px;
font-family:tahoma;
box-shadow:  #9DBCE7 0  1px 1px;

}

input[type="button"]
{

border-radius: 3px;
border: 1px solid #9DBCE7;
width:auto;
min-width: 50px;
font-family:arial;
height:25px;
}

option , select  {
font-family:tahoma;
min-width: 120px;
}

/*************************************************/





p {font-family:tahoma;}
* { padding: 0; margin: 0; }

/***************** HEADER ******************/
#header {
	width: 100%;
	color: #333;
	min-height: 257px;
	background: url(/National_Library/oe_/https://tawasol.ksu.edu.sa/images/header-bg.png) center no-repeat;
}
#header #cont {
	width: 960px;
	height: 150px;
	color: #3D4D5C;
	font-size: 18px;
	border: 0;
	margin: 0 auto;
}
#header #cont #search {
	float: left;
	width: 338px;
	height: 32px;
	border: 0;
	position:relative;
	margin-top: 90px;
	margin-left: 12px;
	padding: 2px;
}

#search .btn {
	color: #121212;
	font-weight: bold;
	font-size: 16px;
	width: 90px;
	height: 32px;
	border: 0;
}
#search input {
	background: none;
	color: #333;
	float: left;
	width: 222px;
	height: 18px;
	border: 0;
	padding: 7px;
	font-size: 16px;
}
#header #cont #logo {
	float: right;
	width: 170px;
	height: 100px;
	color: #3D4D5C;
	margin-top: 50px;
	margin-right: 32px;
	border: 0;
}

/***************** NAVIGATION ******************/

#navigation {
	width: 960px;
	height: 52px;
	color: #333;
	border: 0px solid red;
	margin-left: auto;
	margin-right: auto;
	background: none;
	position: relative;
	margin-top: -95px;
}

#navigation ul {
	list-style-type: none;
	height: 47px;
}
#navigation ul li {
	padding: 0px;
	margin: 0 7px;
	border: 0;
	position: relative;
	width: auto !important;
}

#navigation li a {
    border-left: 0 none;
    color: #FFFFFF;
    display: block;
    font-family: arial;
    font-size: 13.5px;
    font-weight: bold;
    height: 36px;
    margin-top: 2px;
    padding: 14px 14px 0;
    text-align: center;
    text-decoration: none;

}
.tabs span {
	float:left;
	background:#B7070A;
	color: #fff;
	font-weight: bold;
	font-size:10px;
	position: relative;
    margin-left: -9px;
    margin-top: -11px;
	padding: 3px;
	min-width: 15px;
	min-height: 10px;
	border-radius: 5px;
	line-height: 15px;
	height: 15px;
	width:auto;
	text-shadow: 0 -1px 0 #000;
}

.urgent_status {
	background:#B7070A;
	color: #fff !important;
	font-weight: bold;
	font-size:10px;
	position: relative;
    margin-left: -9px;
    margin-top: -11px;
	padding: 3px;
	min-width: 20px!important;
	min-height: 15px;
	border-radius: 5px;
	height: 15px;
	width:50px!important;
	text-shadow: 0 -1px 0 #000;
}


.important_status {
	background:orange;
	color: #fff !important;
	font-weight: bold;
	font-size:10px;
	position: relative;
    margin-left: -9px;
    margin-top: -11px;
	padding: 3px;
	min-width: 20px!important;
	min-height: 15px;
	border-radius: 5px;
	height: 15px;
	width:50px!important;
	text-shadow: 0 -1px 0 #000;
}


#navigation li a span {
	float:left;
	background:#B7070A;
	color: #fff;
	font-weight: normal;
	font-size:10px;
	position: relative;
    margin-left: -25px;
    margin-top: -25px;
	padding: 3px;
	min-width: 15px;
	min-height: 10px;
	border-radius: 10px;
}


#navigation li a:hover {
	background: url(/National_Library/oe_/https://tawasol.ksu.edu.sa/images/menu-hover.png) top left no-repeat; 
}

#navigation li a#current {
	background: url(/National_Library/oe_/https://tawasol.ksu.edu.sa/images/menu-hover.png) top left no-repeat; 
}

/***************** CONTENT ******************/



#content #row-1{ 
	width: 960px;
	color: #333;
	border: 0;
	margin: 0 auto;
	height: 320px;
}

#content #row-1 #col-1{ 
	border: 5px solid #EFEFEF;
	width: 670px;
	float:right;
}
#content #row-1 #col-2{ 
	/* background: url(/National_Library/oe_/https://tawasol.ksu.edu.sa/images/row1-col2-bg.png) center no-repeat; */
	
    float: right;
    font-family: tahoma;
    font-size: 11px;
    margin-left: 10px;
    padding-bottom: 5px;
    padding-right: 5px;
    width: 240px;
	
}



#content {
	background: url(/National_Library/oe_/https://tawasol.ksu.edu.sa/images/row-2-bg.png) bottom repeat-x #fff;
}
#content #row-2{ 
	font-size: 12px;
}

h3 {
	padding-top: 12px;
	padding-right: 32px;
}

#content #row-2 p {
	margin-top: 6px;
	text-align: justify;
	margin-right:15px;
	margin-left:15px;
}

#content #row-2 li {
	line-height: 18px;
	padding: 3px 2px !important;
}





/***************** FOOTER ******************/

#footer { 
	width: 100%;
	height: 72px;
	color: #333;
	border: 0;
	background: url(/National_Library/oe_/https://tawasol.ksu.edu.sa/images/footer-bg.png) bottom repeat-x;
	margin: 0;
	margin-top: 32px;
}

#footer #cont { 
	width: 100%;
	color: #121212;
	font-size: 12px;
	border: 0px solid red;
	margin: 0 auto;
	text-align: center;
	position: relative;
	padding-top: 28px;
}

#footer #cont a {
	color: #336699;
	text-decoration: none;
}
#footer #cont a:hover {
	color: #121212;
	text-decoration: none;
}

/************	tooltip		*************/

	
    a.tooltip {outline:none;text-decoration:none;/*border-bottom:dotted 1px blue;*/}
    a.tooltip strong {line-height:30px;}
    a.tooltip > span 
    {
	    max-width:250px;
		
	    padding: 10px 20px;
	    margin-top: 35px;
	    margin-left: -85px;
	    opacity: 0;
	    visibility: hidden;
	    z-index: 10;	   
	    position: absolute;

	    font-family: Arial;
	    font-size: 12px;
	    font-style: normal;  
        	    
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    -o-border-radius: 3px;
	    border-radius: 3px;
	    
	    
        -webkit-box-shadow: 2px 2px 2px #999;
	    -moz-box-shadow: 2px 2px 2px #999;		
	    box-shadow: 2px 2px 2px #999;	    
	    
	    -webkit-transition-property:opacity, margin-bottom, visibility, margin-right;
	    -webkit-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  
	    -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	
	    -moz-transition-property:opacity, margin-bottom, visibility, margin-right;
	    -moz-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  
	    -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	
	    -o-transition-property:opacity, margin-bottom, visibility, margin-right;
	    -o-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  
	    -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	
	    transition-property:opacity, margin-bottom, visibility, margin-right;
	    transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  
	    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    }
    
    /*a.tooltip > span:hover,*/
	a.tooltip:hover > span
	{
		opacity: 1;
		text-decoration:none;
		visibility: visible;
		overflow: visible;
		margin-bottom:30px;
		display: inline;
		margin-right: -60px;		
		
	}

	a.tooltip span b {
    
		width: 15px;
		height: 15px;
		margin-right: 20px;
		margin-top: -19px;
			
		display: block;
		position: absolute;

		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
			
		-webkit-box-shadow: inset -1px 1px 0 #fff;
		-moz-box-shadow: inset 0 1px 0 #fff;
		-o-box-shadow: inset 0 1px 0 #fff;
		box-shadow: inset 0 1px 0 #fff;
			
		display: none\0/;
		*display: none;
	}
    
a.tooltip > span {
	color: #000000; 

	background: #FBF5E6;
	background: -moz-linear-gradient(top, #FBF5E6 0%, #FFFFFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBF5E6), color-stop(100%,#FFFFFF));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBF5E6', endColorstr='#FFFFFF',GradientType=0 );
	    
	border: 1px solid #CFB57C;	     
}    
	  
a.tooltip span b {
	background: #FBF5E6;
	border-top: 1px solid #CFB57C;
	border-right: 1px solid #CFB57C;
}   


.stander #resize img {
width: 250px;
}




.buttons{
  padding: 3px;
  border-radius: 3px;
  background-color: #FFF;
  border: #DBDBDB 1px solid;
  font-size: 13px;
  color: #747474;
  font-weight:bold;
  margin:5px;
  }

  .darSMS_filters{
     width: 30%;
	  background-color: #FFF;
	  border: 1px solid #ccc;
	  float: right;
	  margin: 1%;
	  font-weight:bold;
  }
   .darSMS_filters h5{margin: 5px 5px 17px;font-family:arial;}
   .Red{color:red !important;}
   .Green{color:green !important;}
   .all {color: #E40E0E !important;font-weight: bold;}