@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,300,600,700);

/* CSS Document */
*{margin:0px; padding:0px; outline:0px; border:0px;}
body{font-size:85%; font-family:"Open Sans", Arial, Helvetica, sans-serif;
	background-image:url(../images/bg.jpg); background-position:0px 0px; background-repeat:repeat-x; 
	background-color:#000000;}
a{color:#000; text-decoration:none}
a:hover{color:#c3c3c3; text-decoration:none;}
.clear{clear:both; line-height:0;}
a img {border: none;}
.alignright { text-align: right !important; }
.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.shortnote{font-size: 0.8em; font-style: italic; color: #a5a5a5;}
small {font-size:75%;}
.hidden{display:none; }
.floatleft { float:left; }
.floatright { float:right; }
.bold{ font-weight: bold;}
#iframepage { background-color: #fff; padding: 30px; }
hr { background-color: #000000;
    box-shadow: 2px 2px 2px #C3C3C3;
    color: #000000;
    height: 0.1em;}
iframe { border: none; margin:0; padding:0;}
h1, h2, h3, h4, h5 { color: #ca5e05; }
#wrapper { width: 1200px; background-color: #fff; margin: 10px auto 0;z-index: 1}
#header { background-color: #000; padding: 10px 5px; border-radius: 7px 7px 0 0;}
#footer { padding: 10px; }
#page { padding: 20px; }
.mainmenuitem { display: inline-block; }
.mainmenuitem a { display: block; padding: 10px 15px; font-weight: bold; border-left: solid 1px #c3c3c3;border-bottom: solid 1px #c3c3c3; }
.mainmenuitem a:hover {background-color: #c3c3c3; color: #fff; }
.submenu { display: none; list-style: none; margin: 0 10px; padding: 0; }
.mainmenuitem:hover .submenu { display: block; position: absolute; z-index: 1; transition: opacity 500ms ease-out 100ms;}
.submenuitem{ border-bottom: solid 1px #d0d0d0; background-color: #c3c3c3; padding: 3px 8px;}
.submenuitem a{ text-decoration: none; padding: 4px 5px; display: block; color: #fff; font-weight: bold; border:none;}
.submenuitem a:hover{ font-style: italic; text-decoration:none; color: #000;}

/* form */
.captcha{ width: 320px; margin: auto; }
.formreadonlyinput { padding: 5px 10px; width: 95%; border-bottom: solid 1px #d0d0d0; border-left: solid 1px #d0d0d0; border-radius: 3px;}
.inputwrapperfullwidth:before { 
	content: ' ';
	display: block;
	clear:both;
}
.inputwrapperfullwidth { 
	width: 100%;
	display:block;
}
.longform {
	position: relative;
	padding-top: 30px;
}
.longform>legend {
	border-bottom: 1px solid #3C8686;
    font-size: 2em;
    font-style: italic;
    font-weight: normal;
    padding: 0;
    position: absolute;
    left: 45%;    
    top: -10px;     
}
.longform .formfield { 
	margin: 8px 10px;
	clear: both;
}
.longform .formlabel{
	width: 100%; padding: 5px 10px;
}
.longform .readonlylabel{
	padding: 5px 10px; display:block;
}
.longform .forminputwrapper {
	padding: 0px 10px;	
}
.longform .forminput {
	font-family:inherit;padding: 4px; margin: 3px; border: none; 
	border-bottom: solid 1px #d0d0d0; border-left: solid 1px #d0d0d0; border-radius: 3px;	
	font-size: 1em;
	width: 95%;
}
.longform .forminputcustom {
	font-family:inherit;padding: 4px; margin: 3px; border: none; 
	border-bottom: solid 1px #d0d0d0; border-left: solid 1px #d0d0d0; border-radius: 3px;	
	font-size: 1em;
}

.longform .forminput:focus{
	
}
.longform .formbutton {
	clear: both;
	text-align: center;
	padding: 15px 10px;
}
.longform label.error{
	color: #f00;
	font-size: 0.9em;
	font-style: italic;
}



.generalform {
	position: relative;
	padding-top: 30px;
}
.generalform>legend {
	border-bottom: 1px solid #3C8686;
    font-size: 2em;
    font-style: italic;
    font-weight: normal;
    padding: 0;
    position: absolute;
    left: 45%;    
    top: -10px;     
}

.subform{
	border: 1px solid #c3c3c3;
	margin: 10px;
}
.subform legend {	
	color: #FBE000;
	font-size: 1.8em;
    font-style: italic;
    font-weight: normal;
    padding: 0px 20px;
}
.requiredfield:after {
	content: url(images/icon-required-on.gif);
}
.generalform .formfield { 
	margin: 8px 10px;
	clear: both;
}
.generalform .formlabel{
	width: 40%; text-align: right;  float: left; padding: 5px 10px;
}
.generalform .readonlylabel{
	padding: 5px 10px; display:block;
}
.generalform .forminputwrapper {
	width: 55%; float: left; padding: 0px 10px;	
}
.generalform .forminput {
	font-family:inherit;padding: 4px; margin: 3px; border: none; 
	border-bottom: solid 1px #d0d0d0; border-left: solid 1px #d0d0d0; border-radius: 3px;	
	font-size: 1em;
}
.generalform .forminput:focus{
	
}
.generalform .formbutton {
	clear: both;
	text-align: center;
	padding: 15px 10px;
}
.generalform label.error{
	color: #f00;
	font-size: 0.9em;
	font-style: italic;
}

.shortfields {
	margin: 4px; 
}
.shortfields .formfield { 
	margin: 8px 10px;
	width: 45%;
	float: left;
}
.shortfields .formlabel{
	width: 40%; text-align: right;  float: left; padding: 5px 10px;
}
.shortfields .forminputwrapper {
	width: 50%; float: left; padding: 0px 10px;	
}
.shortfields .forminput {
	font-family:inherit;padding: 4px; margin: 3px; border: none; 
	border-bottom: solid 1px #d0d0d0; border-left: solid 1px #d0d0d0; border-radius: 3px;
	font-size: 1em;
}
.shortfields .forminput:focus{
}
.shortfields .formbutton {
	clear: both;
	text-align: center;
	padding: 15px 10px;
}
.shortfields label.error{
	color: #f00;
	font-size: 0.9em;
	font-style: italic;
}
.shortfieldssingle {
	margin: 4px; 
}
.shortfieldssingle .formfield { 
	margin: 3px 5px;
	width: 99%;
	float: left;
}
.shortfieldssingle .formlabel{
	width: 30%; text-align: right;  float: left; padding: 5px 10px;
}
.shortfieldssingle .forminputwrapper {
	width: 60%; float: left; padding: 0px 10px;	
}
.shortfieldssingle .forminput {
	font-family:Arial, Helvetica, sans-serif;padding: 4px; margin: 3px; border: none; 
	border-bottom: solid 1px #d0d0d0; border-left: solid 1px #d0d0d0; border-radius: 3px;
	font-size: 1em;
}
.shortfieldssingle .forminput:focus{
	
}
.shortfieldssingle .formbutton {
	clear: both;
	text-align: center;
	padding: 15px 10px;
}
.shortfieldssingle label.error{
	color: #f00;
	font-size: 0.9em;
	font-style: italic;
}

.boldlabel .formlabel { font-weight: bold;}
.message{ padding: 5px 10px;}
.hidemessage ul {
	list-style: none; margin: 0; padding: 0;
}
.hidemessage ul>li {
	padding: 5px 10px;
}
.formreadonlyinput{ color: #666;}
.forminputwrapper ul { list-style: circle; padding: 10px 20px;}
forminputwrapper ul li { }
/* form ends */
/* grid table */
.gridtable, .ui-widget {
	font-size: 1em !important;
}
.gridtable {
	width: 100%;
	padding: 0;
	border-collapse: collapse;
}

.gridtable tr {
	margin: 0;
	padding: 0;
}

.gridtable td,.gridtable th { /*	font-size: 0.9em;*/
	margin: 0;
	padding: 4px;
}
.gridtable-optionrow { text-align: center; width: 120px;}
.gridtable-number, .gridtable-currency { text-align: right; width: 120px; padding-right: 10px !important;}
.gridtable-onoff { text-align: center; }
.gridrow,.altgridrow {
	padding: 3px;
	border-bottom: solid 1px #4B4B4B;
}

.gridrow:hover,.altgridrow:hover {
	background-color: #4B4B4B;
}

.ui-icons {
	width: 16px !important;
	height: 16px;
	font-size: 90%;
	display: block;
	text-align: center;
}
/* grid table ends */

.labelheading { text-align: left; }
.fullwidth {width: 100%;}
.resumelisting{ }
.displayresumetable th{font-size: 0.9em; font-weight: bold; text-align: left; border-bottom: solid 1px #c3c3c3; padding: 4px;}
.displayresumetable td{text-align: left; border-bottom: solid 1px #c3c3c3; padding: 4px; color: #666;}
.displayresumetable { margin: 5px; border: solid 1px #c3c3c3; border-collapse: collapse;}

.basicworkhtmllabel input{ border:none; padding: 5px; font-weight: bold; margin: 3px;}
#rt-logo { background-image: url(../images/logo.png); }