/*################# Global Styles
###########################################################*/

html, body         { text-align: center;margin: 55px 0px 0px 0px;  padding: 0px; width:100%;color:#313131;line-height:14px;font-size:12px;}
*                  { margin: 0px; padding: 0px;font-family:"Arial",Helvetica,Sans-serif;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
 
.header { position:fixed;left:0px;top:0px;width:100%;display:block; }
.right_column { position:fixed;margin:0px 0px 0px 760px;top:70px; }
div.content_allowance { position:relative;}
div.content_allowance h1 {font-family:Verdana, Geneva, sans-serif;padding:0px;margin:0px;font-size:10pt;color:#695e4a;font-weight:bold;}
div.percent_text { float:left;position:absolute;left:0px;text-align:left;line-height:20px;height:20px;color:#313131;font-size:9pt;}
div.percent_text_20 { float:left;position:absolute;left:57px;text-align:left;line-height:20px;height:20px;color:#313131;font-size:9pt;}
div.percent_text_40 { float:left;position:absolute;left:125px;text-align:left;line-height:20px;height:20px;color:#313131;font-size:9pt;}
div.percent_text_60 { float:left;position:absolute;left:194px;display:block;text-align:left;line-height:20px;height:20px;color:#313131;font-size:9pt;}
div.percent_text_80 { float:left;position:absolute;left:262px;display:block;text-align:left;line-height:20px;height:20px;color:#313131;font-size:9pt;}
div.percent_text_100 { float:left;position:absolute;right:2px;display:block;text-align:right;line-height:20px;height:20px;color:#313131;font-size:9pt;}
div.content_allowance div.progress_bar { width:340px;height:15px;margin-bottom:2px;background-color:#e5e5e5;border:1px solid #ccc;}
div.content_allowance div.progress_bar div.progress_bar_used { height:15px;background-color:#036;}
div.content_allowance p { font-size:8.25pt;color:#000;font-weight:normal;}


img { }


.justify { text-align:justify; }
html,body { }
address, 
caption, 
cite, 
code, 
dfn, em,  
th, var            { font-style : normal; font-weight : normal; }

ol.loginbox,
ul.loginbox 	   { list-style : none;}

li	 			   { text-indent:0}

body, div, dl, dt, 
dd, ul, ol, li, 
h1, h2, h3, h4, 
h5, h6, pre, form, 
fieldset, input, p, 
blockquote, th, td { margin : 0px; padding : 0px; }

fieldset,img       { border : 0; }

h1,h2,h3,h4,h5,h6  { font-size : 14px; color:#fff }

.font10px		   { font-size:10px;}
.font11px		   { font-size:10px;}
.font12px		   { font-size:12px;}
.font14px		   { font-size:14px;}
.font16px		   { font-size:16px;}
.font18px		   { font-size:18px;}
.font20px		   { font-size:20px;}

.font8pt		   { font-size:8pt;}
.font10pt		   { font-size:10pt;}
.font9pt		   { font-size:9pt;}
.font12pt		   { font-size:12pt;}
.font14pt		   { font-size:14pt;}
.font16pt		   { font-size:16pt;}
.font18pt		   { font-size:18pt;}
.font20pt		   { font-size:20pt;}

/*############ COMMON STYLES
###############################################################*/

.hand			   { cursor:pointer; }
.full			   { width:100%; }
.half			   { width:50%; }
.full100		   { width:100%; }
.height100		   { height:100px }
.height200		   { height:200px }
.width100		   { width:100px;}
.width40		   { width:20px;}
.nowrap			   { white-space:nowrap; }
.left		       { text-align:left; }
.right		       { text-align:right; }
.center		       { text-align:center; }
.vcenter		   { vertical-align:middle; }

/*################# Invoice Styles ######################*/
 
.invoice_row               { clear:both;text-align:left;height:20px;line-height:20px;font-size:11px;}
.invoice_col_item_num      { float:left;left:0%;height:20px;width:10%;}
.invoice_col_item_desc     { float:left;left:10%;height:20px;width:43%;}
.invoice_col_unit_price    { float:left;left:53%;height:20px;width:15%;}
.invoice_col_unit_vat      { float:left;left:68%;height:20px;width:17%;}
.invoice_col_unit_subtotal { float:left;left:85%;height:20px;width:15%;}

/*################# Padding / Margin / Float Styles 
###########################################################*/

.underline		   { text-decoration:underline;}
.pad_1			   { padding:1px; }
.pad_2			   { padding:2px; }
.pad_5			   { padding:5px; }

.pad_lt5		   { padding-left:5px; }
.pad_rt5		   { padding-right:5px; }
.pad_bt5		   { padding-bottom:5px; }
.pad_tp5		   { padding-top:5px; }

.pad_10			   { padding:10px; }

.pad_lt10		   { padding-left:10px; }
.pad_rt10		   { padding-right:10px; }
.pad_bt10		   { padding-bottom:10px; }
.pad_tp10		   { padding-top:10px; }

.pad_lt20		   { padding-left:15px; }
.pad_rt20		   { padding-right:15px; }
.pad_bt20		   { padding-bottom:15px; }
.pad_tp20		   { padding-top:15px; }

.pad_lt20  		   { padding-left:20px; }

.mrg_10			   { margin:10px; }

.no_margin     { margin:0px;}
.mrg_1		   { margin:1px; }
.mrg_2		   { margin:2px; }
.mrg_lt2		   { margin-left:2px; }
.mrg_rt2		   { margin-right:2px; }
.mrg_bt2		   { margin-bottom:2px; }
.mrg_tp2		   { margin-top:2px; }

.mrg_lt5		   { margin-left:5px; }
.mrg_rt5		   { margin-right:5px; }
.mrg_bt5		   { margin-bottom:5px; }
.mrg_tp5		   { margin-top:5px; }

.mrg_lt10		   { margin-left:10px; }
.mrg_rt10		   { margin-right:10px; }
.mrg_bt10		   { margin-bottom:10px; }
.mrg_tp10		   { margin-top:10px; }

.mrg_lt20		   { margin-left:20px; }
.mrg_rt20		   { margin-right:20px; }
.mrg_bt20		   { margin-bottom:20px; }
.mrg_tp20		   { margin-top:20px; }

.padhoriz_5		   { padding:0px 5px 0px 5px;}
.padhoriz_10	   { padding:0px 10px 0px 10px;}

.lineheight_16	   { line-height:16px; }
.lineheight_20	   { line-height:20px; }
.lineheight_25	   { line-height:25px; }
.lineheight_30	   { line-height:30px; }

.float_left		   { float:left;text-align:left; }
.float_right	   { float:right;text-align:left; }
.float_none		   { float:none;text-align:left; }

/*################# Color Styles 
###########################################################*/

.dk_gray	   { color:#999;}
.gray		   { color:#F5f5f5;}
.white		   { color:#FFF;}
.red		   { color:#900;}
.redlt		   { color:#e0615c;}
.blue		   { color:#036;}
.black		   { color:#000;}
.green		   { color:#060;}
.dkgreen	   { color:#046f69;}
.lt_grey 	   { color:#999;}
.light_blue    { color:#fff;}
.light_red     { color:#fd5758;}
.orange 	   { color: #e56419;}

.bg_dkblue         { background-color:#000033;}
.bg_gray		   { background-color:#f5f5f5;}
.bg_white		   { background-color:#FFF;}
.bg_red			   { background-color:#900;}

.auction_date { color:#00c; }

.unsold { color:#c00; }

.bg_redlt		   { background-color:#f00;}
.bg_redlt div { color:#fff;}
.bg_redlt .auction_date { color:#FFC; }
.bg_redlt a { color:#fff;}
.bg_redlt .unsold { color:#ffc; }

a.edit,
a.remove { line-height:30px; }
.unallocated { border:1px solid #f00; }
a.allocated_auction { background:#00A;color:#fff;text-decoration:none;padding:5px 10px 5px 10px;font-size:14px; }
a:hover.allocated_auction { background:#00C;color:#fff; }
.bg_orange		   { background-color:#ffee00;}
.bg_blue		   { background-color:#990099;text-transform:uppercase;}
.bg_black		   { background-color:#000;}
.bg_green		   { background-color:#060;}
.bg_dkgreen		   { background-color:#046f69;}
.bg_ltgreen		   { background-color:#046f69;}
.bg_gray_module	   { background-color:#fff;  }
.bg_dk_gray		   { background-color:#999;}
.bg_gray { background-color:#e0e0e0; }
.bg_lt_gray		   { background-color:#f5f5f5;}
.bg_biege		   { background-color:#f6f4e7;}
.bg_filter70 		 { background-color:#900;filter:alpha(opacity:70);KHTMLOpacity:0.7;-moz-opacity:0.7;opacity:0.7; }
.bg_filter50 		   { filter:alpha(opacity:50);KHTMLOpacity:0.5;-moz-opacity:0.5;opacity:0.5; }

.rnd_borders	   { background-image:url('/images/rounded_borders.png'); background-repeat:no-repeat; width:10px;height:10px; }


.greenbdr_rnd_tl	   { background-color:#fff;background-position:0px 0px; }
.greenbdr_rnd_tr	   { background-color:#fff;background-position:-50px 0px; }
.greenbdr_rnd_bl	   { background-color:#fff;background-position:0px -50px; }
.greenbdr_rnd_br	   { background-color:#fff;background-position:-50px -50px; }

.dkgreen_rnd_tl { background-color:#fff;background-position:-60px -0px; }
.dkgreen_rnd_tr { background-color:#fff;background-position:-110px -0px; }
.dkgreen_rnd_bl { background-color:#fff;background-position:-60px -50px; }
.dkgreen_rnd_br { background-color:#fff;background-position:-110px -50px; }

.grey_rnd_tl	  	   { background-color:#fff;background-position:-120px 0px; }
.grey_rnd_tr	       { background-color:#fff;background-position:-170px 0px; }
.grey_rnd_bl	       { background-color:#fff;background-position:-120px -50px; }
.grey_rnd_br	       { background-color:#fff;background-position:-170px -50px; }

.white_rnd_tl	   { background-color:#fff;background-position:0px -60px; }
.white_rnd_tr	   { background-color:#fff;background-position:-50px -60px; }
.white_rnd_bl	   { background-color:#fff;background-position:0px -110px; }
.white_rnd_br	   { background-color:#fff;background-position:-50px -110px; }

.white_gray_rnd_tl { background-color:#fff;background-position:-120px -60px; }
.white_gray_rnd_tr { background-color:#fff;background-position:-170px -60px; }
.white_gray_rnd_bl { background-color:#fff;background-position:-120px -110px; }
.white_gray_rnd_br { background-color:#fff;background-position:-170px -110px; }

.red_rnd_tl	  	   { background-color:#fff;background-position:-60px -60px; }
.red_rnd_tr	       { background-color:#fff;background-position:-110px -60px; }
.red_rnd_bl	       { background-color:#fff;background-position:-60px -110px; }
.red_rnd_br	       { background-color:#fff;background-position:-110px -110px; }

.orange_rnd_tl	  	   { background-color:#fff;background-position:-60px -120px; }
.orange_rnd_tr	       { background-color:#fff;background-position:-110px -120px; }
.orange_rnd_bl	       { background-color:#fff;background-position:-60px -170px; }
.orange_rnd_br	       { background-color:#fff;background-position:-110px -170px; }

.gray_rnd_tl	   { background-color:#fff;background-position:-120px -60px; }
.gray_rnd_tr	   { background-color:#fff;background-position:-170px -60px; }
.gray_rnd_bl	   { background-color:#fff;background-position:-120px -110px; }
.gray_rnd_br	   { background-color:#fff;background-position:-170px -110px; }



.bg_gray_white 	   { background-color:#fff;background-position:left bottom;background-image:url('/images/bg_gray_column.png');
					 background-repeat:repeat-x;}

.blue_rnd_tl	   { background-color:#fff;background-position:0px -120px; }
.blue_rnd_tr	   { background-color:#fff;background-position:-50px -120px; }
.blue_rnd_bl	   { background-color:#fff;background-position:0px -170px; }
.blue_rnd_br	   { background-color:#fff;background-position:-50px -170px; }


.alt_row_bg 	   { background-color: #f5f5f5; } 
.std_row_bg        { background-color: #fff; }

/*################# Border Styles 
###########################################################*/

.no_border		   { border:0px;border-collapse:collapse; }

.no_top_bdr		   { border-top-width:0px;}
.no_bottom_bdr	   { border-bottom-width:0px;}
.no_left_bdr	   { border-left-width:0px; }
.no_right_bdr	   { border-right-width:0px; }

.border_full       { border:1px solid #e0e0e0; }
.border_vertical   { border-top:1px solid #ccc;border-bottom:1px solid #ccc }
.border_horizontal { border-left:1px solid #ccc;border-right:1px solid #ccc }

.border_two 		  { border-width:2px; }
.border_tworight      { border-right:2px solid #ccc; }
.border_twotop        { border-top:2px solid #ccc; }
.border_twobottom     { border-bottom:2px solid #ccc; }
.border_twoleft       { border-left:2px solid #ccc; }
.border_top        { border-top:1px solid #ccc; }
.border_bottom     { border-bottom:1px solid #ccc; }
.border_left       { border-left:1px solid #ccc; }
.border_right      { border-right:1px solid #ccc; }
 
.border_solid 	   { border-style:solid; }
.border_dashed 	   { border-style:dashed; }

.border_orange     { border-color: #e56419; }
.border_gray	   { border-color: #ccc; }
.border_black	   { border-color: #000; }
.border_red	  	   { border-color: #900; }
.border_blue  	   { border-color: #036; }
.border_dkgreen    { border-color: #004844; }
.border_ltgray    { border-color: #e0e0e0; }
.border_green 	   { border-color: #090; }
.border_white 	   { border-color: #fff; }
.border_biege	   { border-color: #bb9c5f; }
.biege	   		   { color: #bb9c5f; }

/*################# Common Styles
###########################################################*/

.relative		   { position:relative; }
.absolute		   { position:absolute; }

.pos_tl			   { position:absolute;top:0px;left:0px;}
.pos_tr			   { position:absolute;top:0px;right:0px;}
.pos_bl			   { position:absolute;bottom:0px;left:0px;}
.pos_br			   { position:absolute;bottom:0px;right:0px;}

.hide 			   { display:none;visibility:hidden; }
.show              { display:block;visibility:visible; }

.clearfix:after    {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix          {display:inline-block;}

.clearfix .full         {width:100%;}

html[xmlns] .clearfix{display:block;}

fieldset { border:1px solid #ccc;padding:6px;}
fieldset legend { font-size:12px; color:#333;}
fieldset p { font-size:12px;color:#333;line-height:25px;}


/*################# Lightbox Styles
###########################################################*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/interface/overlay.png); }

div#page div#page_content div#breadcrumb { font-size:8.25pt;font-family:"Arial","sans-serif";color:#999;line-height:16px; }
div#page div#page_content div#breadcrumb span { font-size:8.25pt;font-family:"Arial","sans-serif";line-height:16px; }
div#page div#page_content div#breadcrumb a { font-size:8.25pt;font-family:"Arial","sans-serif";line-height:16px;color:#999;text-decoration:none;}  
div#page div#page_content div#breadcrumb a:hover { color:#003366; }


div.clear ul { list-style:disc;padding:0px;margin:0px;padding-bottom:15px;}
div.clear ol { padding:0px;margin:0px;padding-bottom:15px;}
div.clear ul li { list-style:disc;margin:0px;margin-left:30px;line-height:20px;color:#000;}
div.clear ol li { margin:0px;margin-left:30px;line-height:20px;color:#000;}
div.clear p { padding-bottom:15px;}

div#page div#page_content a  			   { font-size:12px; }
div#page div#page_content p		 		   { font-size:12px;font-family:"Arial","sans-serif"; line-height:16px;}

h1 { font-size:12.5pt;font-family:"Tahoma","Arial","sans-serif";font-weight:normal;}
h2 { font-size:12px;font-family:"Arial","sans-serif";font-weight:normal; border:1px solid #cf3c49;background-color:#cf3c49;padding-left:10px;line-height:16px;padding-top:5px;padding-bottom:5px;}
h3 { font-size:9.0pt;font-family:"Tahoma","Arial","sans-serif";border-bottom:1px solid #ccc;font-weight:normal}

h1.border_bottom_dashed { padding-bottom:10px;border-bottom:1px dashed #999999;margin-bottom:10px;}
h1 span { font-size:12.5pt;font-family:"Tahoma","Arial","sans-serif"; }
h1 span.orange { color: #e56419;}
h1 span.white { color: #fff;}

.bold { font-weight:bold;}
 
div.form_field label { font-weight:normal;font-size:12px;color:#000; }
div.form_field label.bold { font-weight:bold; }
div.form_field select { width:255px;/width:262px;font-weight:normal;color:#000;font-size:11px;height:20px;line-height:18px;padding:0px;padding-left:5px;margin-top:2px;border:1px solid #ccc; }
div.form_field input.textbox { width:255px;font-weight:normal;color:#000;font-size:11px;height:16px;padding-top:2px;/padding:0px;line-height:16px;padding-left:5px;margin-top:2px;border:1px solid #ccc; }
div.form_field input.full { width:100%; }
div.form_field textarea.textbox { width:255px;font-weight:normal;color:#000;font-size:11px;line-height:16px;padding-top:2px;padding-left:5px;margin-top:2px;border:1px solid #ccc; }
div.form_field textarea.full { width:100%;}
 
.small_form_txt { color:#999;font-size:11px;font-weight:normal;}
ul#error_items li { color:#fff; }
ul#status_items li { color:#fff; } 


div.overlay { z-index:10000;background-color:#000;color:#fff;position:absolute;left:0px;top:0px;height:100%;width:100%;filter:alpha(opacity:70);KHTMLOpacity:0.7;-moz-opacity:0.7;opacity:0.7; }
div.overlay_content { z-index:10001;position:absolute;left:0px;top:0px;height:100%;width:100%; }


div.blue_160_header { line-height:30px;color:#fff;font-size:11px;font-weight:bold;padding-left:10px;display:block;width:150px;height:30px;background:#990099; }

div.blue_240_header { line-height:30px;color:#fff;font-size:11px;font-weight:bold;padding-left:10px;display:block;width:230px;height:30px;background:#990099; }
div.red_160_header { line-height:30px;color:#fff;font-size:11px;font-weight:bold;padding-left:10px;display:block;width:150px;height:30px;background:#1a1a1a; }
					
div.red_240_header { line-height:30px;color:#fff;font-size:11px;font-weight:bold;padding-left:10px;display:block;width:230px;height:30px;background:#1a1a1a; }
div.grey_160_header { line-height:30px;color:#fff;font-size:11px;font-weight:bold;padding-left:10px;display:block;width:150px;height:30px;background:#1a1a1a; }
					
div.grey_240_header { line-height:30px;color:#063971;font-size:11px;font-weight:bold;padding-left:10px;display:block;width:150px;height:30px;background:#1a1a1a }

button.form_action	  { cursor:pointer;border:0px;background:#003f94;color:#fff !important;
						width:120px;height:25px;overflow:hidden;float:left;padding-left:10px;font-size:12px;margin-bottom:10px;
						font-family:"Arial","sans-serif";padding-bottom:2px;line-height:25px;font-weight:bold;text-align:left;}
button.form_action	span  { cursor:pointer;font-size:8pt;font-family:"Arial","sans-serif";font-weight:bold;text-align:left;}
button.form_action	i  { cursor:pointer;font-size:8pt;font-family:"Arial","sans-serif";font-weight:normal;text-align:left;}

				  
div.left_column { width:200px;float:left;text-align:left; }
div.middle_column { width:530px;margin-left:15px;float:left;margin-right:15px;text-align:left; }
div.right_column { width:200px;float:right;text-align:left; }
div.left_full_column{ width:745px;float:left;text-align:left; }
div.right_full_column { width:745px;float:right;text-align:left; }
div.full_column { width:960px;text-align:left; }

div.menu_icon { text-align:center; width:32px;height:32px;display:block;padding:0px;margin:0px;cursor:pointer;border:0px;margin-right:10px;background-repeat:no-repeat;}
div.side_menu a { text-decoration:none;color:#000;}
div.side_menu a:hover { text-decoration:underline;color:#036;}

div.dashboard_icons ul { float:left;list-style:none;padding:0px;margin:0px; }
div.dashboard_icons ul li { position:relative;float:left;width:99px;list-style:none;padding:0px;margin:0px; }
div.dashboard_icons ul li a { width:99px;display:block;text-decoration:none;padding-top:10px;}
div.dashboard_icons ul li a div.icon { text-align:center; width:32px;height:32px;display:block;padding:0px;margin:0px;cursor:pointer;border:0px;margin-left:34px;background-repeat:no-repeat;}
div.dashboard_icons ul li a div.label { padding:0px;font-family:"Arial","sans-serif";line-height:25px;padding-top:5px;padding-bottom:5px;text-decoration:none;color:#000;text-align:center; width:100px;display:block;margin:0px;cursor:pointer;border:0px;background-repeat:no-repeat;background-position:center center;}
div.dashboard_icons ul li a:hover { background-color:#eee;display:block;color:#000;text-decoration:none;}
div.dashboard_icons ul li a:hover div.label { background-color:#eee;display:block;color:#000;}

.page_header { padding-bottom:10px;margin-bottom:5px;border-bottom:1px dashed #999;}
.form_small_text { font-size:12px;font-weight:normal;}

div.form_field label span { color:#999;font-size:11px;font-weight:normal;}

div.page_bullets { padding-left:5px; }
div.page_bullets ul { list-style:none;padding:0px;margin:0px; }
div.page_bullets ul li { padding-left:15px;line-height:20px;font-size:11px;color:#666;font-weight:normal;background-position:left center;background-image:url('/images/interface/bullet.gif');background-repeat:no-repeat; }
div.page_bullets ul li a { font-size:11px;;color:#000;font-weight:normal;text-decoration:none;}
div.page_bullets ul li a:hover { color:#03346b;text-decoration:underline; }
