body
{
	background:url(images/back.png) repeat-x;
	margin:0px;
	font-family:tahoma;
	font-size:13px;
}

a:link, a:visited, a:active
{
	color:#3e5127;
	text-decoration:none;
	font-weight:bold;
}

a:hover
{
	color:#b7cf9b;
}
#page
{
	/*width:1000px;
	position:absolute;
	left:50%;
	margin-left:-500px;*/
	width:100%;
	border:0px solid transparent;
	border-right:1px solid #7e9168;
	border-left:1px solid #7e9168;
	border-bottom:5px solid #7e9168;
	background:url(images/header2.jpg) top left no-repeat;
	padding-top:219px;/*340*/
}

div#nav
{
	
	background:url(images/navMenu.png) top no-repeat;
	text-align:center;
	width:752px;
	height:38px;
	position:absolute;
	top:345px;
	left:50%;
	margin-left:-260px;
	z-index:100;
}

.navItem, .navItemLast
{

	width:100px;
	vertical-align:middle;
	text-align:center;
	height:100%;
	line-height:32px;
	font-weight:bold;
}

.navItem
{
	background:url(images/navMenuSep.png) right top no-repeat;
}

.navItem a
{
	color:#3e5127;
}

.navItem a:hover, .navItem a:visited, .navItem a:link, .navItem a:active
{
	text-decoration:none;
}

.navItem a:hover
{
	color:#b7cf9b;
}


#logo
{
	/*background:url(images/logo2.png) top no-repeat;
	height:149px;
	width:149px;/*179*/
	/*position:absolute;
	left:50%;
	margin-left:-463px;/*-468*/
	/*top:41px;/*90*/
}
#container
{
	width:100%;
	border-top:5px solid #7e9168;
	background:url(images/back.png) repeat-x;
	/*padding:219px;*/
}
/*
#container,#container > tbody, #container  > thead, #container > tfoot, #container > tbody > tr {
	display:block;
}
#container >tbody > tr > td{
	display:inline-block;
}

#container:before{
	content:'';
	background:url(images/header2.jpg) no-repeat left;
	height:219px;
	display:block;
}*/


#container td
{
	vertical-align:top;
}

td.sideMenu
{
	width:219px;
	background:url(images/back2.png) bottom repeat-x;
}


/*td.sideMenu ul#sideMenu
{
	width:213px;
	position:relative;
	top:-5px;
	left:6px;
	list-style:none;
	padding:0px;
	margin:0px;
}

td.sideMenu ul li
{
	list-style:none;
	text-indent:0px;
	background:url(images/sideMenu.png) top right no-repeat;
	height:29px;
	text-align:center;
	padding:0px 13px;
	color:#dae9d2;
	font-weight:bold;
	line-height:25px;
}

td.sideMenu ul li.lastItem
{
	background:url(images/sideMenuLast.png) top right no-repeat;
	height:38px;
}

td.sideMenu ul li a:link, td.sideMenu ul li a:visited, td.sideMenu ul li a:active
{
	color:#dae9d2;
	text-decoration:none;
}

td.sideMenu ul li a:hover
{
	color:#879a72;
}

*/



td.sideMenu div#sideMenu
{
	width:219px;
	position:relative;
	top:-53px;
	list-style:none;
	padding:0px;
	padding-top: 48px;
	
	margin:0px;
	background:url(images/sideMenuTop.png) top left no-repeat;
}

td.sideMenu div#sideMenu .menuitem, td.sideMenu div#sideMenu .lastItem
{
    display:block;
	text-indent:0px;
	background:url(images/sideMenu.png) top right no-repeat;
	height:29px;
	text-align:center;
	padding:0px 13px;
	color:#dae9d2;
	font-weight:bold;
	line-height:25px;
}

td.sideMenu div#sideMenu .lastItem
{
	background:url(images/sideMenuLast.png) top right no-repeat;
	height:38px;
}

td.sideMenu div#sideMenu a:link, td.sideMenu div#sideMenu a:visited, td.sideMenu div#sideMenu a:active
{
	color:#dae9d2;
	text-decoration:none;
}

td.sideMenu div#sideMenu a:hover
{
	color:#879a72;
}


#content
{
	float:right;
	/*width:765px;*/
	width:100%;
	padding:43px 8px 28px 8px;
	text-align:justify;
	background:url(images/back2.png) bottom repeat-x;
	min-height:200px;
	box-sizing: content-box;
	box-sizing: border-box;
}
/*
#content{
	padding: 43px 8px 28px 8px;
    text-align: justify;
    background: url(images/back2.png) bottom repeat-x;
    min-height: 200px;
    box-sizing: content-box;
    padding-left: 227px;
    width: 100%;
    box-sizing: border-box;
}*/

div#footer
{
	text-align:center;
	height:48px;
	padding-top:5px;
	background:url(images/footer.jpg);
	border-bottom:3px solid #7e9168;
	width:1000px;
}

#page
{
	box-sizing: content-box;
}

.modalBackground 
{
      background-color:Gray; 
      filter:alpha(opacity=70);
      opacity:0.7; 
} 
.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.logModal {
	border-radius: 8px;
    border: none;
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
    padding: 15px;
	background: #ffffdd url(images/back2.png) bottom repeat-x;
}

.logModal:before{
	content: 'Form Log';
    background: url('images/log.png') no-repeat;
    height: 48px;
    display: block;
    margin-top: -35px;
    margin-bottom: 15px;
    text-align: left;
    text-indent: 50px;
    font-size: 1.2em;
    font-weight: bold;
    color: #338;
    line-height: 4.5em;
} 
.result
{
 width:798px;
 background:url(images/ui/header.png) no-repeat top;
 font-family:tahoma;
 font-size:10px;
}
.result td, .result th
{
 height:23px;
}
.result td
{
 border:1px solid #000033;
 text-align:center;
}
.result th
{
 color:#333388;
 font-size:11px;
 border:1px solid transparent;
 border-bottom:1px solid #000033;
}
.evenRow
{
 /*background:url(images/ui/row.png) repeat-x top;*/
 background: #94e3efe6 url(images/back2.png) bottom repeat-x;
}


.logModal input[type=submit]{
	padding: 10px;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,0.3);
	color: rgba(255,255,255,0.9);
	
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);

	background: rgb(141,204,83); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(141,204,83,1) 0%, rgba(142,185,42,1) 49%, rgba(66,147,0,1) 51%, rgba(103,201,46,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(141,204,83,1) 0%,rgba(142,185,42,1) 49%,rgba(66,147,0,1) 51%,rgba(103,201,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(141,204,83,1) 0%,rgba(142,185,42,1) 49%,rgba(66,147,0,1) 51%,rgba(103,201,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dcc53', endColorstr='#67c92e',GradientType=0 ); /* IE6-9 */

}
.logModal input[type=submit].saveButton{
	padding: 5px 10px;
}

.logModal input[type=submit]:hover
{
background: rgb(157,213,58); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */


}

.resultWatermark
{
 /*background:url(images/ui/log.png) no-repeat left bottom;*/
 width:798px;
}
.pager table
{
    float:right;
    width:320px;
    padding:0px;
    margin:0px;
}
.pager td table td
{
    border-style:none;
    background:url(images/ui/page2.png) no-repeat 50% 0;
    width:29px;
    height:24px;
    color:black;
    font-weight:bold;
}
.pager td table td a
{
    color:black;
    font-weight:bold;
}
.modalBackground 
{
      background-color:Gray; 
      filter:alpha(opacity=70);
      opacity:0.7; 
} 

.termsContainer
{
    text-align:center;
    padding:0px 20px;
}
.termsContainer div
{
   text-align:justify;
   padding-top:8px;
}
legend
{
    font-weight:bold;
    color:rgb(31,71,29);
    padding:0 5px;
}
ul#terms, ul#terms li
{
    padding:0px;
    margin:0px;
    list-style:none;
    text-align:justify;
}
ul#terms
{
    padding-top:7px;
}
ul#terms li
{
    margin:3px 0px;
    padding:3px;
    padding-left:18px;
    background:url(images/bullet.png) no-repeat 0px 3px;
    
}

ul#terms li.even
{
    background-color:rgb(202,215,196);
}
/* Accordion */
.accordionHeader
{
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #2F4F4F;
    color: #1F471D;
    background-color: #889A73;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 0px;
    cursor: pointer;
    
}


.accordionHeaderA
{
    background-image: url('images/accordionHeaderSpirits.jpg');
    background-repeat:no-repeat;
    background-position:98% 0;
}
.accordionHeaderB
{
    background-image: url('images/accordionHeaderSpirits.jpg');
    background-repeat:no-repeat;
    background-position:98% -25px;
}
.accordionHeaderC
{
    background-image: url('images/accordionHeaderSpirits.jpg');
    background-repeat:no-repeat;
    background-position:98% -50px;
}
.accordionHeaderD
{
    background-image: url('images/accordionHeaderSpirits.jpg');
    background-repeat:no-repeat;
    background-position:98% -75px;
}


#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
    
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/*
* mytooltip
*/
.tooltip
{
    border:1px solid olive;
    background: olive;
    opacity:0.7;
    filter:alpha(opacity=70);
    position:absolute;
    visibility:visible !important;
    z-index:1000;
    left:0px;
    top:0px;
    
}

.pieBtn
{
    background:url('images/pie.jpg') no-repeat;
    border-style:outset;
    width:42px;
    height:42px;
}
.lineBtn
{
    background:url('images/line.jpg') no-repeat;
    border-style:outset;
    width:42px;
    height:42px;
}
.areaBtn
{
    background:url('images/area.jpg') no-repeat;
    border-style:outset;
    width:42px;
    height:42px;
}
.pointBtn
{
    background:url('images/point.jpg') no-repeat;
    border-style:outset;
    width:42px;
    height:42px;
}
.funnelBtn
{
    background:url('images/funnel.jpg') no-repeat;
    border-style:outset;
    width:42px;
    height:42px;
}
.barBtn
{
    background:url('images/bar.jpg') no-repeat;
    border-style:outset;
    width:42px;
    height:42px;
}
.linkbutton 
    {       
      color:Black;       
    } 
    .linkbutton:hover 
    { 
      color:Black;
      font-weight:bold;      
    } 
.Help
{
    float:right;
    width:48px;
    height:48px;    
}

.systemDown
{
    background:url('images/underMaintenance.png') no-repeat;
    font-family:Times New Roman;
    font-size:12pt;
    color:#7e7e7e;
    height:300px !important;
    width:690px  !important;
}

.systemDown .msg
{
    margin-top:200px;
 
}

.systemDown fieldset, .systemDown legend
{
    
}

.launchBack
{
    background:url('images/Launcher.png') no-repeat;
    font-family:Times New Roman;
    font-size:12pt;
    color:#7e7e7e;
    height:300px !important;
    width:690px  !important;
}

.launchBack input
{
    margin:200px 0px 15px 0px;
    background:url('images/button.png') no-repeat;
    height:45px !important;
    width:160px  !important;
    cursor:pointer;
    border:none;
}

.launchBack input:hover
{
    background:url('images/buttonHover.png') no-repeat;
}




#pageFooter {
    padding: 10px;
    text-align: center;
	background:#9BAA8A;
}

	#pageFooter #copyright {
    font-family: "tahoma";
    font-size: 11px;
    background: url('http://edutech.ksau-hs.edu.sa/images/EduTech_footer_logo_h27.png') no-repeat scroll 0% 0% transparent;
    padding-left: 100px;
    text-align: left;
    display: inline-block;
    cursor: pointer;
	color:#2F4F4F;
}

#copyright:hover {
    color:#fefefe;
}





.btn-ncaaa {
  background-color: hsl(70, 11%, 23%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7b7f66", endColorstr="#3e4134");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#7b7f66), to(#3e4134));
  background-image: -moz-linear-gradient(top, #7b7f66, #3e4134);
  background-image: -ms-linear-gradient(top, #7b7f66, #3e4134);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7b7f66), color-stop(100%, #3e4134));
  background-image: -webkit-linear-gradient(top, #7b7f66, #3e4134);
  background-image: -o-linear-gradient(top, #7b7f66, #3e4134);
  background-image: linear-gradient(#7b7f66, #3e4134);
  border-color: #3e4134 #3e4134 hsl(70, 11%, 17.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.36);
  -webkit-font-smoothing: antialiased;
  margin: 5px auto;
  font-weight:normal !important;

  padding: 15px !important;
	display: inline-block;
	border-radius: 6px;
}

	.btn-ncaaa:hover {
		background-position: 0 -15px;
	}

	.fa-over
	{
		text-shadow: 0px 0px 2px #FFF, 3px 2px 0px rgba(255, 255, 255, 0.15);
		color: #3F4134;
		margin: 0.25em;
	}
.NavigationLink
{
	color:black;
}

.userPanel a{
	/*background-color:#474747;
	color:white;
	border-radius: 25px;
	line-height:18px;
	padding:8px 15px;
	width:400px;
	display:block;
	margin:5px 0;*/
	background: rgba(76,76,76,1);
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );

    color: #FFF;
    border-radius: 8px;
    line-height: 18px;
    padding: 8px 20px;
    width: 46%;
    /* display: inline-block; */
    margin: 5px 0;
    float: left;
    margin: 2%;
    box-sizing: border-box;
}

.userPanel a:hover{
	/*background-color:rgb(117, 117, 117);
	color:#211919;*/
	text-shadow: 0px 1px 2px #2E4815;
    color: #9AB58B;
    box-shadow: 0 0 11px 4px #75A15C;
}

/*
.UserMenu
{
	background-color:#474747;
	color:white;
	width:300px;		
	height:25px;
	border-radius: 25px;


	text-align:center;
}


.UserMenu a{
	color:white;
	line-height:25px;
}*/




#content :not(.modalPopup) > center:not(#wide) > *:first-child{
	width:1000px !important;
}