@charset "utf-8";
/* CSS Document */

@import 'global.css';
@import 'modules.css';
@import 'mega_menu.css';

body { margin:0;}
* {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1.5; font-size:10pt;}
.loginbox { width:500px; margin:100px auto; padding:50px; background:#f9f9f9; border:2px dotted #ddd; }

#header { background:url(../images/header.jpg) no-repeat white; height:78px; margin:0px; padding:10px; }
#header .left { float:left; }

#header2 { background:url(../images/header-ontime.jpg) no-repeat white; height:78px; margin:0px; padding:10px; }
#header2 .left { float:left; }

.login { background: none repeat scroll 0 0 #7dd2f9; border-radius: 5px 5px 5px 5px; margin: 100px auto 0; padding: 20px; width: 350px; border:1px solid #04638f; }
.login h3 { color: #333333; font-size: 15pt; margin: -10px 0 20px; text-align: center; }
.login input[type="text"], .login input[type="password"] { border: 1px solid #005880; height: 25px; margin-bottom: 10px; margin-left: 10px; width: 200px; padding-left:10px; background:#FFF; color:#444; }
.login input[type="submit"] { background: none repeat scroll 0 0 #36b3ec; border: 1px solid #0085c2; cursor: pointer; float: right; font-weight: bold; line-height: 22px; margin-right: 30px; padding: 2px 10px; width: 70px; font-family:Verdana, Geneva, sans-serif; border-radius:3px; color:#fff; }

sup { color: red; font-size: 12pt; position: absolute; margin-top: -5px;}
.succ, .fail { text-align:center; padding:2px 10px; background:green; color:#FFF; font-size:11pt; font-weight:bold; margin-bottom:15px;}
.fail {background:red;}
.error { margin-bottom:15px; color:red; padding-left:15px;}

a.cancel { border:1px solid #FF0000; border-radius:5px; background:#F30; color:#FFF !important; font-size:12pt; font-weight:bold; padding:2px 5px;}
a.cancel:hover { background:#FFFF00; color:#FF0000 !important; text-decoration:none !important; }
a.addnew {border:1px solid #FF0000; float:right; text-decoration:none; border-radius:5px; background:#F30; color:#FFF !important; font-size:12pt; font-weight:bold; padding:2px 5px;}

.search { width: 230px; float: right; border: 1px solid #41aee4; background:#41aee4; border-radius: 5px;}
.search input[type=submit] { background: transparent; cursor:pointer; font-size: 10pt; color: #FFF; border: 0; font-weight: bold; padding: 3px 16px;}
.clear { clear:both;}







/* ----------- My Table ----------- */
.mytable { width:100%; border-collapse:collapse; padding:5px; margin-left:0px; border-right:1px solid #EEE; border-top:1px solid #EEE;}
.mytable td, th {border-left:1px solid #EEE; border-bottom:1px solid #EEE; padding:5px 5px; text-align:left;}
.mytable th {border-left:0px solid #777;}

.mytable thead {
background: #00b7ea;
background: -moz-linear-gradient(top,  #00b7ea 22%, #009ec3 73%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,#00b7ea), color-stop(73%,#009ec3));
background: -webkit-linear-gradient(top,  #00b7ea 22%,#009ec3 73%);
background: -o-linear-gradient(top,  #00b7ea 22%,#009ec3 73%);
background: -ms-linear-gradient(top,  #00b7ea 22%,#009ec3 73%);
background: linear-gradient(to bottom,  #00b7ea 22%,#009ec3 73%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );
color: #FFFFFF;
font-weight: bold;
height: 35px;
}

.mytable tr:nth-child(even), tbody tr.even { background:#FAFAFA;}
.mytable td a { color:blue; text-decoration:none;}

/* ----------- My Table (No Border)----------- */
.mytable-nb { width:100%; border-collapse:collapse; padding:5px; margin-left:0px; border-right:0px solid #EEE; border-top:0px solid #EEE;}
.mytable-nb td, th {border-left:0px solid #EEE; border-bottom:0px solid #EEE; padding:5px 5px; text-align:left;}
.mytable-nb th {border-left:0px solid #777;}
.mytable-nb th { background:#444; color:#FFF;}
.mytable-nb tr:nth-child(even), tbody tr.even { background:#FAFAFA;}
.mytable-nb td a { color:blue; text-decoration:none;}


/* ----------- My Form ----------- */
.formLayout
{
background-color: #f3f3f3;
border: solid 1px #a1a1a1;
padding: 10px;
width: 400px;
}

.formLayout label, .formLayout input, .formLayout select, .formLayout textarea
{
display: block;
width: 120px;
float: left;
margin-bottom: 10px;
}

.formLayout label
{
text-align: left;
padding-right: 20px;
}

br
{
clear: left;
}


/* ----------- My Box ----------- */
#mybox {width: 1460px; margin: 0px;}
#mybox-left {float: left; width: 520px;}
#mybox-right {float: right; width: 900px;}


/* ----------- Pagination ----------- */
.pagination{

	height:35px;
	width:100%;
	margin:auto;
}

.pagination .pageleft_off{
	background:url('images/arrowleft.png') no-repeat top center;
	margin-left:0px;
	margin-top:2px;
	height:35px;
	width:30px;
	float:left;
}

.pagination .pageleft_on{
	background:url('images/arrowleft.png') no-repeat top center;
	margin-left:0px;
	margin-top:2px;
	height:35px;
	width:30px;
	float:left;
	cursor:pointer;
}

.pagination .pageright_on{
	background:url('images/arrowright.png') repeat-x top center;
	margin-right:0px;
	margin-top:2px;
	height:35px;
	width:30px;
	float:right;
	cursor:pointer;
}

.pagination .pageright_off{
	background:url('images/arrowright.png') repeat-x top center;
	margin-right:0px;
	margin-top:2px;
	height:35px;
	width:30px;
	float:right;
	cursor:pointer;
}

.pagination .pagecenter{
	width:85%;
	margin:auto;
	height:22px;
	margin-top:10px;
	float:left;
	text-align:center;
}

.pagination a{
	font-weight:bold;
	background:#c8c8c8;
	padding:5px 10px;
	font-size:11px;
	color:#9e9e9e;
	margin-left:3px;
	border:1px solid #fff;
	text-decoration:none;
  

}

.pagination a:hover{
	border:1px solid #ffcf00;
}
		
.pagination	a.active{
	font-weight:bold;
	color:#fff;
	background:#ffcc00;
	border:1px solid #ffcc00;
	text-decoration:none;
	cursor:default;
  
  background:#FF0000; 
  color:#000;
}


/* ----------- My Div ----------- */
#divs div {
    display:none;
}

/* ----- My Button ---- */

/* Smaller buttons */
a.button.light, .button.light {
  font-size: 0.857em !important;
  padding: .3em .75em;
  text-decoration:none;
}

a.button.blue, .button.blue {
  background: #228FC5;
  background: -webkit-gradient(linear, left top, left bottom, from(#228FC5), to(#228FC5));
  background: -webkit-linear-gradient(#228FC5, #228FC5);
  background-image: -moz-linear-gradient(top, #228FC5, #228FC5);
  background-image: -moz-gradient(top, #228FC5, #228FC5);
  color: #e5ffff;
  border: 1px solid #004f72;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
a.button.blue:hover, .button.blue:hover {
  background: #3ba4c7;
  background: -webkit-gradient(linear, left top, left bottom, from(#3ba4c7), to(#319abd));
  background: -webkit-linear-gradient(#3ba4c7, #319abd);
  background-image: -moz-linear-gradient(top, #3ba4c7, #319abd);
  background-image: -moz-gradient(top, #3ba4c7, #319abd);
}
a.button.blue:active, .button.blue:active {
  background: #319abd;
  background: -webkit-gradient(linear, left top, left bottom, from(#319abd), to(#3ba4c7));
  background: -webkit-linear-gradient(#319abd, #3ba4c7);
  background-image: -moz-linear-gradient(top, #319abd, #3ba4c7);
  background-image: -moz-gradient(top, #319abd, #3ba4c7);
}

/* Red button */
a.button.red , input.button.red {
background: #141C59;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2B3CBF', endColorstr='#141C59'); 
background: -webkit-gradient(linear, left top, left bottom, from(#2B3CBF), to(#141C59));
background: -webkit-linear-gradient(#2B3CBF,#141C59);
background-image: -moz-linear-gradient(top, #2B3CBF, #141C59);
background-image: -moz-gradient(top, #2B3CBF, #141C59);
color: #ffffff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
border: 1px solid #2B3CBF;
font-family: 'TrajanProBold',Arial,sans-serif;
font-style:normal;
}

a.button.red:hover , input.button.red:hover {
background: #920000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#920000', endColorstr='#670000'); 
background: -webkit-gradient(linear, left top, left bottom, from(#920000), to(#670000));
background: -webkit-linear-gradient(#920000, #670000);
background-image: -moz-linear-gradient(top, #920000, #670000);
background-image: -moz-gradient(top, #920000, #670000);
}


/* ----- My Print ---- */

@media print
{
	#header { display: none; }
  #menu { display: none; }
  #divs { display: none; }
  .non-printable { display: none; }
	#printable { display: block; }
}