html,body
{
	min-height:100%;
	height:100%;
	margin: 0;
	padding: 0;
	border: 0;
	font-family:Verdana, helvetica, sans serif;

}
.TopBar
{
background:url(../images/top_bar.gif) repeat-x top left #000000;
height:26px;
text-align:center;
font-weight:bold;
color:#ffffff;

}
.TopBar a
{
color:#ffff00;

}
.LeftBar
{
	background:url(../images/metal1.jpg) repeat top left #D1D1D1;
	width:350px;
	min-height:100%;
	height:100%;	
	border-right:1px solid #000000;
}

.Content
{
padding-left:5px;
background:url(../images/metal2.jpg) repeat top left #D1D1D1;
height:100%;
}

h1
{
	font-size:20px;
	font-weight:bold;
	margin:0px;
}
select
{
font-size:18px;
}
input[type=text], input[type=password]
{
	/*border-radius:10px; 
	-webikit-border-radius:10px; 
	-moz-border-radius:10px; 
	*/
	font-size:18px;
	border-color: #1F4D7D; 
	border-style:solid; 
	border-width:1px; 
	padding-left:4px;
	padding-right:4px;
	font-weight:normal;
	color:#444;
}

input.search
{
background:url(../images/icon-search.gif) no-repeat top left #fff; 
padding-left:28px;
}
input[type=button], input[type=submit], input[type=reset], .button
{
	background:url(../images/button_blue.gif) repeat-x top left; 
	border-color: #1F4D7D; 
	border-radius:5px; 
	-webikit-border-radius:5px; 
	-moz-border-radius:5px; 
	border-style:solid; 
	border-width:1px; 
	cursor:pointer; 
	height:30px; 
	padding-bottom:2px;
	min-width:70px;
	font-weight:bold;
	color:#ffffff;
padding-left:20px;padding-right:20px;
}

input[type=button].selected
{
	background:url(../images/button_blue_selected.gif) repeat-x top left; 
	border-color: #1F4D7D; 
	border-radius:5px; 
	-webikit-border-radius:5px; 
	-moz-border-radius:5px; 
	border-style:solid; 
	border-width:1px; 
	cursor:pointer; 
	height:30px; 
	min-width:70px;
	font-weight:bold;
	color:#ffffff;
	padding-left:20px;padding-right:20px;
}
.CheckOptions
{
	width:220px;
	padding:10px;
	margin-left:10px;
	font-weight:bold;
	font-size:18px;
	color:#333;
	background:url(../images/blue_innards2.gif) repeat-x top left; 
	border-color: #777; 
	border-style:solid; 
	border-width:1px; 
	border-radius:5px; 
	-webikit-border-radius:5px; 
	-moz-border-radius:5px; 
}
.CheckOption
{
	cursor:pointer;
	height: 40px;
	width: 39px;
}
.CheckOptionUnChecked
{
background-image: url("../images/input_uncheck.png");
}
.CheckOptionChecked
{
background-image: url("../images/input_check.png");
}

div.ContentBar
{
	background:url(../images/bar_blue.gif) repeat-x top left; 

	border-color: #1F4D7D; 
	border-radius:5px; 
	-webikit-border-radius:5px; 
	-moz-border-radius:5px; 
	border-style:solid; 
	border-width:1px; 
	cursor:pointer; 
	height:25px; 
	padding-bottom:2px;
	width:95%;
	font-weight:bold;
	color:#ffffff;
	
	padding-right:20px;
	margin-top:10px;

}

div.ContentBar2
{
	background:url(../images/bar_blue.gif) repeat-x top left; 

	border-color: #1F4D7D; 
	border-radius:5px; 
	-webikit-border-radius:5px; 
	-moz-border-radius:5px; 
	border-style:solid; 
	border-width:1px; 
	cursor:pointer; 
	height:25px; 
	padding-bottom:2px;
	width:95%;
	font-weight:bold;
	color:#ffffff;
	
	padding-right:20px;
	margin-top:10px;

}
.ContentBar2 div
{
	padding-top:3px;

	padding-left:25px;
	height:30px;
	width:100%;
}
.ContentBar div
{
	padding-top:3px;
	background:url(../images/plus.gif) no-repeat top left; 
	padding-left:25px;
	height:30px;
	width:100%;
}

.SummaryContent table td
{
padding:4px;
}
.box
{
/*padding:4px;
height:20px;
background-color:#fff;
border: 0px solid #333;
*/
font-weight:bold;
}
.StagesContent table
{
margin-top: 4px;
border: 1px solid #000;
}

.StagesContent th
{
	background-color:#000;
	color:#fff;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

.error
{
	background-color:#ff6;border:1px solid #ccc;color:red;float:left;font-family:Courier New;font-weight:bold;margin-left:60px;margin-top:20px;padding:8px;display:none
}
.ImageContent img
	{border:2px solid #000;margin:5px;}
@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}