html, body, div, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,td { margin:0; padding:0; border:0; outline:0; }
html { height:100%;}
ol, ul, li{ list-style:none;}
* { margin:0px; padding:0px;}
a { text-decoration:none; font-weight:normal; color:#182C60;}
a:hover { color:#90B2DA; }
header, nav, footer { display:block;}
body { font-family:Tahoma, Geneva, sans-serif; font-size:12px; width:100%; min-width:1200px; height:100%;}
* html body { min-height:100%}
.clear { clear:both; }
/** my helpers **/
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; height: 0; overflow: hidden; width: 0; }
.clearfix, dl {//zoom: 1;}

#maincontainer { width:100%;margin:0 auto;min-height:100%; height:auto !important; height:100%; margin-bottom:-25px; background-color: #FEF8DA; }
#maincontainer .empty { height:25px;clear:both;}
#container { width:100%; height:auto; overflow:hidden; margin:0px auto; }
	#header { width:100%; height:85px; overflow:hidden; border-bottom:solid 1px #ffd773; background-color:#fff; }
		#logo { height:80px; float:right; margin:10px 20px 0 0; overflow:hidden; }
		#breadcrumbs { height:17px; line-height:17px; padding:0 0 0 40px; margin:15px 0 0 10px; float:left; font-size:10px; overflow:hidden; clear:left;
			background:url(../images/home-breadcrumbs.png) left top no-repeat, url(../images/arrow_black.png) right top no-repeat;
			background:url(../images/home-breadcrumbs.png) left top no-repeat, url(../images/arrow_black.png) right top no-repeat, -moz-linear-gradient(left, #333333, #1a1a1a);
			background:url(../images/home-breadcrumbs.png) left top no-repeat, url(../images/arrow_black.png) right top no-repeat, -webkit-gradient(linear, left top, right top, from(#333333), to(#1a1a1a));
			background:url(../images/home-breadcrumbs.png) left top no-repeat, url(../images/arrow_black.png) right top no-repeat, -webkit-linear-gradient(left, #333333, #1a1a1a);
			background:url(../images/home-breadcrumbs.png) left top no-repeat, url(../images/arrow_black.png) right top no-repeat, -o-linear-gradient(left, #333333, #1a1a1a); }
			#breadcrumbs a { float:left; padding:0 10px 0 0; color:#f7fff8; overflow:hidden }
			#breadcrumbs a:hover { color:#fff }
			#breadcrumbs p { float:left; width:20px; height:17px; background:url(../images/breadcrumb_separator.png) 0 0 no-repeat; overflow:hidden; }
			#breadcrumbs span { float:left; overflow:hidden; color:#f7fff8; padding-right:15px  }
	#content { padding:10px 0 10px 10px; overflow:visible; }
		ul.column { float:left; min-height:50px }
		#loginform { margin:0 auto; width:300px; margin-top:50px; background-color:#FFF; overflow:hidden; border:solid 1px #CCC; padding:10px 20px;
			-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;
			-moz-box-shadow: 2px 2px 2px #CCC, -2px -2px 2px #CCC; -webkit-box-shadow: 2px 2px 2px #CCC, -2px -2px 2px #CCC;
			box-shadow: 2px 2px 2px #CCC, -2px -2px 2px #CCC; }
		#loginform span.required { display:none }
			#loginHeader { margin:10px 0 20px; font-weight:bold; font-size:15px; letter-spacing:1px }
			#loginContent { padding: 0 0 10px }
				.loginrow { line-height:30px; clear:both; }
				.loginrow label { float:left; width:80px; text-align:left; padding-right:5px; }
				.loginrow input[type="text"], .loginrow input[type="password"] { background-color:#FFF; border:solid 1px #CCC;
					cursor:pointer; font:normal 14px Tahoma,Arial,sans-serif; 
					-moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;
					-moz-box-shadow: 2px 2px 2px #CCC; -webkit-box-shadow: 2px 2px 2px #CCC; box-shadow: 2px 2px 2px #CCC; }
				.loginrow input[type="text"], .loginrow input[type="password"] { float:left; width:200px; line-height:23px; height:23px; padding:0 3px }
				.errorMessage { clear:both; line-height:20px; color:red; font-size:12px; padding:0 0 10px 10px; }
				.rememberMe { line-height:24px; clear:both; padding:10px 0 0 90px }
				.forgetPass { line-height:24px; clear:both; padding-left:90px }
				.forgetPass a, .forgetPass a:link, .forgetPass a:active { color:#999 }
				.forgetPass a:hover { color:#000 }
				.loginbutton input { border:solid 1px #BBB; background-color:#FFF; padding:3px 10px;
					-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;
					background:-moz-linear-gradient(100% 100% 90deg, #e7e7e7, #f9f9f9);
					background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e7e7e7));
					background:-webkit-linear-gradient(#f9f9f9, #e7e7e7);
					background:-o-linear-gradient(#f9f9f9, #e7e7e7); }
				.loginbutton input:hover { cursor:pointer;
					background:-moz-linear-gradient(100% 100% 90deg, #dfdfdf, #f9f9f9);
					background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#dfdfdf));
					background:-webkit-linear-gradient(#f9f9f9, #dfdfdf);
					background:-o-linear-gradient(#f9f9f9, #dfdfdf); }
				.note { color:#666; font-size:11px; padding-bottom:15px; font-style: italic; }
		
.flash-success {
	display:none;
	position:fixed;right:10px;top: 10px;background-color:#000000; border:1px solid black; text-align: center; /* for IE */ filter:alpha(opacity=80); /* CSS3 standard */ opacity:0.8;  min-height: 40px; min-width: 200px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index:1000;
}
div.flash-success p,.flash-success a { color:white;font-weight:bold; }
div.flash-success a { position:absolute; top:0px; right:0px;}
div.flash-success p {padding-left: 4px;margin-top:10px; text-align: left; font-size: 14px; color: white;}

#footer { color:#333333; background-color:#ffd773; font-size:11px; clear:left; width:100%; margin:0 auto; height:25px; margin-bottom:-25px }
#footer-left { line-height:25px; float:left; margin-left:15px; }
#footer-right { line-height:25px; float:right; margin-right:15px; }

/* -------------- Dialogbox -------------- */

.ui-dialog { position:absolute; width:600px; overflow:hidden; /*height:500px !important */}
.ui-dialog-titlebar { width:598; height:25px; border:1px solid #e8e8e8;
	background:-moz-linear-gradient(100% 100% 90deg, #e7e7e7, #f9f9f9);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e7e7e7));
	background:-webkit-linear-gradient(#f9f9f9, #e7e7e7);
	background:-o-linear-gradient(#f9f9f9, #e7e7e7);
	-moz-border-top-right-radius:5px; border-top-right-radius:5px; -moz-border-top-left-radius:5px; border-top-left-radius:5px;  }
.ui-dialog-titlebar-close { position:absolute; height:16px; width:16px; right:8px; top:5px }
	.ui-icon { display:block; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat; }
	.ui-dialog-titlebar-close .ui-icon-closethick { background:url(../images/dialog_close.png) 0 0 no-repeat; height:16px; width:16px; }
	.ui-dialog-titlebar-close .ui-icon-closethick:hover { background-position:100% 100%; }
.ui-dialog .ui-dialog-title { float:left; line-height:25px; font-size:12px; color:#333; margin-left:10px} 
.ui-dialog .ui-dialog-content { position:relative; border:0; background:#fff; overflow:auto; zoom:1; }
.ui-dialog .ui-dialog-buttonpane { text-align:left; border:1px solid #E8E8E8; height:10px;
	background:-moz-linear-gradient(100% 100% 90deg, #e7e7e7, #f9f9f9);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e7e7e7));
	background:-webkit-linear-gradient(#f9f9f9, #e7e7e7);
	background:-o-linear-gradient(#f9f9f9, #e7e7e7) }
	.ui-dialog-buttonset { display:none!important; }
.ui-draggable .ui-dialog-titlebar { cursor:move; }

.ui-widget-overlay { position:absolute; top:0; left:0; width:100%; height:100%; 
	background: -moz-radial-gradient(circle , #FFFFFF, #000000) repeat scroll 0 0 transparent;background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#000000)); background: -webkit-radial-gradient(circle, #ffffff, #000000); opacity:0.65; }
.button_dialog { 
	background:-moz-linear-gradient(100% 100% 90deg, #ffc15d, #ffd773);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd773), to(#ffc15d));
	background:-webkit-linear-gradient(#ffd773, #ffc15d);
	background:-o-linear-gradient(#ffd773, #ffc15d);
	color:#333333; 
	height:25px; cursor:pointer; padding:0 20px; display:block;
}
.hover, .button_dialog:hover{
	background:-moz-linear-gradient(100% 100% 90deg, #333333, #1a1a1a);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a1a1a), to(#333333));
	background:-webkit-linear-gradient(#1a1a1a, #333333);
	background:-o-linear-gradient(#1a1a1a, #333333);
	color:#f7fff8; 
}
.left {float: left;}
.right {float:right;}
.button_dialog.bottom {margin:0 20px 10px 0;}
.button_dialog.top {margin:5px 10px 0 10px;}
.button_dialog span { padding-left:12px; position:relative; top:5px; }
.button_dialog.disabled {background-image:none;cursor:default;}
.button_dialog.disabled:hover {background:none; color: #333333;}

.ui-datepicker-trigger {float:left;background:url(../images/calendar_inactive.png) 0 0 no-repeat;border:none; width: 16px; height:16px; cursor: pointer;
	margin-top:3px;
}

.ui-jqgrid {font-size: 12px;}
.ui-jqgrid .loading {top: 45%;padding: 2px 5px; margin: 2px;}
.ui-multiselect-checkboxes span {padding-left: 4px;}

.error-summary {display:none; margin: 5px 0px; text-align: center; border:solid 2px #AE0303; background-color:#FFEFEF; }
	.error-summary p {color:#333; padding: 4px; font-size: 11px; font-weight: bold; color: #AE0303;}
.success-summary {display:none;  margin: 5px 0px; text-align: center; border:solid 2px #0BA55C; background-color:#C0FCDD; }
	.success-summary p {color:#333; padding: 4px; font-size: 11px; font-weight: bold; color: #0BA55C;}

.form input[type="text"] {width: 120px;}
.form input.button_dialog {padding: 0 20px;}
.button_labels * {vertical-align: middle; margin: 0;}

.ui-icon-red { width: 16px; height: 16px; background-image: url(images/ui-icons_cc0000_256x240.png); }
.ui-icon-green { width: 16px; height: 16px; background-image: url(images/ui-icons_4eb305_256x240.png); }
.w100 { width:100px;}
.w50 { width:50px;}
.al { text-align:left;}
.ar { text-align:right;}