/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/doc/img/colorbox/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(/doc/img/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/doc/img/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/doc/img/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/doc/img/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/doc/img/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/doc/img/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/doc/img/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/doc/img/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(/doc/img/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/doc/img/colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/doc/img/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/doc/img/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/doc/img/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */
 
 #default_table.display {
		
}
	
#default_table {
	font-size: 12px;
}

#default_table th {
	font-size: 14px;
	font-weight: bold;
}

#default_table a {
	font-weight: bold;
	color: #000;
}

 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}

.no_padding {
	padding: 0 !important;
	margin: 0 !important;
	padding-top: 0;
	padding-bottom: 0;
	width: 40px;
}

table.display {	
	font: 300 16px 'Raleway', sans serif; 	
}
table.display thead th {
	text-align: left;
	margin: 0;
	padding: 3px 18px 3px 10px;
	border: 1px solid #000;
	border-right: 0;	
	cursor: pointer;
	* cursor: hand;
	background-color: #e4403b;
	color: #fff;
	font: 900 12px 'Raleway', sans serif; 
	font-weight: normal;
}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
	font: 300 14px 'Raleway', sans serif; 
	border: 1px solid #000;
	border-width: 0 0 1px 1px; 
}

table.display td.center {
	text-align: center;
}

/* Cart Version */

table.display_cart thead th {
	text-align: left;	
	padding: 8px;
	border: 1px solid #000;
	border-right: 0;	
	cursor: pointer;
	* cursor: hand;
	background-color: #e4403b;
	color: #fff;
	font: 900 16px 'Raleway', sans serif; 
	font-weight: normal;
}

table.display_cart tfoot th {
	padding: 0 !important;
	border-top: 1px solid black;
	font-weight: bold;
}
table.display_cart tbody td {
	padding: 0 !important; margin: 0 !important;
}

table.display_cart tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display_cart td {
	padding: 0 !important;
	margin: 0 !important;
	font: 300 14px 'Raleway', sans serif; 
	border: 1px solid #000;
	border-width: 0 0 1px 1px; 
}

table.display_cart td.center {
	text-align: center;
	padding: 0 !important;
	margin: 0 !important;
}

/*
 * Table
 */
table.dataTable {
	margin: 0 auto;
	clear: both;
	width: 100% !Important;
}

table.dataTable th, td {	
}

table.dataTable thead th {
	font: 500 14px 'Raleway', sans serif;
	padding: 6px 18px 6px 10px;
	border-bottom: 1px solid black;	
	cursor: pointer;
	*cursor: hand;
}

table.dataTable tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	
}

table.dataTable td {
	padding: 3px 10px;	
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
	text-align: center;
}

table.dataTable tr.odd { background-color: #f5f5f5; }
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #eeeeee; }
table.dataTable tr.odd td.sorting_2 { background-color: #eeeef1; }
table.dataTable tr.odd td.sorting_3 { background-color: #f3f3f3; }
table.dataTable tr.even td.sorting_1 { background-color: #f5f5f5; }
table.dataTable tr.even td.sorting_2 { background-color: #f9f9f9; }
table.dataTable tr.even td.sorting_3 { background-color: #ffffff; }

/*
 * Table wrapper
 */
.dataTables_wrapper {
	position: relative;
	clear: both;
	*zoom: 1;
}

/*
 * Page length menu
 */
.dataTables_length {
	float: left;
	font: 300 16px 'Raleway', sans serif;
	margin-bottom: 10px;
}

/*
 * Filter
 */
.dataTables_filter {
	float: right;
	text-align: right;
	font: 300 16px 'Raleway', sans serif;
	margin-bottom: 10px;
}

/*
 * Table information
 */
.dataTables_info {
	clear: both;
	float: left;
	font: 300 16px 'Raleway', sans serif; 
	margin-top: -1px;
	padding-top: 10px;
	border-top: 1px solid #000;
	width: 100%;
}


/*
 * Pagination
 */
.dataTables_paginate {
	float: right;
	text-align: right;	
	font: 300 16px 'Raleway', sans serif; 
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_enabled_previous { background: url('/doc/img/datatables/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('/doc/img/datatables/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('/doc/img/datatables/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('/doc/img/datatables/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('/doc/img/datatables/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('/doc/img/datatables/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {
	height: 22px;
	line-height: 22px;	
	margin-top: 8px;
	font: 300 16px 'Raleway', sans serif; 	
}
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}


/*
 * Sorting
 */
.sorting { background: url('/doc/img/datatables/sort_both.png') no-repeat center right; }
.sorting_asc { background: url('/doc/img/datatables/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('/doc/img/datatables/sort_desc.png') no-repeat center right; }

.sorting_asc_disabled { background: url('/doc/img/datatables/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('/doc/img/datatables/sort_desc_disabled.png') no-repeat center right; }
 
table.dataTable thead th:active,
table.dataTable thead td:active {
	outline: none;
}


/*
 * Scrolling
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}

/* ##################################### FORMS ####################################### */

.css_right {
	float: right;
}

.css_left {
	float: left;
}


/* Base Form */
	.base_form {
		padding: 0;
		width: 100%;
	}
	.base_form i {
		color: red;
		font-size: 18px;
		margin-right: 10px;
	}
	.base_form ul, li {
		list-style: none;
	}
	.base_form input[type=text], 
	.base_form input[type=password], 
	.base_form textarea {			
		border: 1px solid #999;
		padding: 5px 6px 6px 6px;
	}
	.base_form button { 
		background-color: #5d635f;
		color: #fff;			
		border: 0;
		width: 100px;
		font: 300 12px 'Raleway', san serif;
		padding: 7px 0 7px 0;
	}
	.base_form textarea {
		background-color: #f8f8f8;
		margin: 0;						
	}
	.base_form legend {
		font-family: 'Ubuntu Condensed', Verdana, Arial, San-serif; 
		font-weight: normal; 
		font-size: 20px;
		margin-left: -5px;
	}
	.base_form fieldset {
		margin: 0 5px 0px 5px;
	}
	.base_form input[type=submit],
	.base_form input[type=reset] {
		background-color: #5d635f;
		color: #fff;			
		border: 0;
		width: 130px;
		font: 900 12px 'Raleway', san serif;
		padding: 7px 0 7px 0;
		
	}
	.base_form input[type=submit]:hover,
	.base_form input[type=reset]:hover {
		background-color: #d2342a;
	}

/* Label Top */
	.label_top input[type=text],
	.label_top input[type=password],	
	.label_top textarea {
		clear: left;
		float: left;
		width: 100%;
		margin-top: 1px;
		margin-bottom: 5px;
	}
	.label_top input[type=checkbox] {
		clear: none;
		float: left;
		margin-right: 5px;
		padding-top: 5px;
		margin-top: 5px;
	}
	.label_top select {			
		float:left;	
		padding: 6px 5px 6px 5px;
		background-color: #808ca0;
		color: #fff;		
		font: 300 12px 'Raleway', san serif;
	}
	.label_top label,
	.label_permissions label {
		float: left; clear: left;
		font: 700 15px 'Raleway', san serif;
		color: #000;
		cursor: pointer;
		cursor: hand;
	}	
	.label_top li {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.label_top input[type=button],
	.label_top button {
		background-color: #5d635f;
		color: #fff;			
		border: 0;
		width: 130px;
		font: 900 12px 'Raleway', san serif;
		padding: 7px 0 7px 0;			
	}
	
	label.error { float: left; clear: left; margin-top: 3px; color: #C24641; padding-left: .5em; }


	.contact_form input[type=text], input[type=textarea] { width: 100% !important; margin: 0; }

.no_clear {
	float: left; clear: none;
}

.grid_form {

}
.grid_form input[type=text],
.grid_form input[type=password],	
.grid_form textarea,
.grid_form input {
	width: 500px;
	margin: 0px;
	height: 25px;
	display: block;	
}/* General Page Setup Styles */
	body { margin: 0; padding: 0; background-color: #F0F0EA; }
	img { border: 0; } 

/* Standard Reusable Styles */
	.fixed { position: fixed; z-index: 100; }	.fl { float: left; }	.flcl { float: left; clear: left; }	.fr { float: right; }	.page_container { position: relative; margin: 0 auto; width: 1200px; }	.nomargin img,a { margin: 0; padding: 0; }	
	.full_page { width: 100%; float: left; clear: left; padding: 0; }			
/* PDF File Downlaod Container */
	.pdf_container { float: left; width: 190px; font: 300 14px/17px 'Raleway', sans serif; color: #525359; }	.pdf_container a { font: 500 14px/17px 'Raleway', sans serif; color: #525359; text-decoration: none; }	.pdf_container a:hover { text-decoration: underline; }

/* Download PDF Guide */
	.ordering_guide { font: 500 24px 'Raleway', sans serif; color: #525359; }
	.ordering_guide a { font: 500 24px 'Raleway', sans serif; color: #525359; text-decoration: none; }
	.ordering_guide a:hover { text-decoration: underline; }		
	/* Header */
	header { width: 100%; position: fixed; margin: 0 auto; z-index: 100; border-bottom: 2px solid #7E919E; }	.red_bar { float: left; clear: left; width: 100%; color: #f8f8f8; background-color: #E4403B; border-bottom: 1px solid #8F8E8C; font: 700 10px 'Raleway', sans serif;  }	.redbar_container { position: relative; margin: 0 auto; width: 1200px; padding: 0 4px 6px 0; }	.header_container { float: left; clear: left; background-color: #F4F7F9; width: 100%; }
	/* Header - Navigation */
	nav.header { float: left; padding: 7px 3px 5px 3px; width: 1194px; color: #636C70; background-color: #F4F7F9; font: 300 14px 'Raleway', sans serif; }	.navigation { float: left; list-style: none; margin: 5px 0 0 25px; padding: 0; }	.navigation li { list-style: none; float: left; background: #fff url('/doc/img/nav.png') repeat-x; padding: 0 6px 0 6px; border: 2px solid #FFFFFF; margin-right: 1px; }	.navigation li a { display: block; padding: 15px 0 6px 0; height: 18px; width: 100%; color: #636C70; text-decoration: none; text-align: center; font: 500 14px 'Raleway', sans serif; }	.navigation li a:hover { color: #A1BBCD; }
	/* Header - Cart */
	.cart { float: right; font: 300 12px 'Raleway', sans serif; color: #77869C; margin-right: 30px; }	.cart a { display: block; text-decoration: none; color: #77869C; }	.cart a:hover { text-decoration: underline; color: #77869C; }	.cart a:active { color: #77869C; }	.cart a:visited { color: #77869C; } 
	/* Header - Create Account */
	.create_account { float: left; width: 138px; height: 15px; padding: 7px 22px 0 0; }	.create_account a { float: left; background: url('/doc/img/create_account.png') no-repeat; width: 138px; height: 15px; }	.create_account a:hover { background-position: 0 -15px; } 
	/* Header - Login */
	.client_login { float: left; width: 100px; height: 29px; }	.client_login a { float: left; background: url('/doc/img/client_login.png') no-repeat; width: 93px; height: 29px; }	.client_login a:hover { width: 93px; height: 29px; background-position: 0 -29px; } 	
	.login { float: left; display: none; margin: 5px 0 0 0; width: 650px; } 
	.login img { float: left; }
	.login label { float: left; font: 200 italic 14px 'Raleway', sans serif; color: #FFF; margin: 0 7px 0 10px; }
	.login input[type="text"], input[type="password"]{ float: left; border: 0; margin: 0; width: 120px; height: 14px; padding: 2px; font-size: 12px; color: #333; }
	.login input[type="image"] { float: left; margin-left: 5px; }
	.login_button { float: left; margin-left: 5px; }
	.login div { float: left; margin-left: 10px; font: 200 italic 12px 'Raleway', sans serif; color: #FFF; }
	.login_container { float: left; clear: left; height: 29px; width: 1204px; }	
	
	/* Header - Order Status */ 
	.track_order_status_btn { float: left; width: 100px; height: 29px; }
	.track_order_status_btn a { float: left; background: url('/doc/img/track_order.png') no-repeat; width: 93px; height: 29px; }
	.track_order_status_btn a:hover { width: 93px; height: 29px; background-position: 0 -29px; } 	
	.enter_tracking_number { float: left; display: none; margin: 5px 0 0 0; width: 650px; } 
	.enter_tracking_number img { float: left; }
	.enter_tracking_number label { float: left; font: 200 italic 14px 'Raleway', sans serif; color: #FFF; margin: 0 7px 0 10px; }
	.enter_tracking_number input[type="text"] { float: left; border: 0; margin: 0; width: 120px; height: 14px; padding: 2px; font-size: 12px; color: #333; }
	.enter_tracking_number input[type="image"] { float: left; margin-left: 5px; }
	.track_button { float: left; margin-left: 5px; }
	.enter_tracking_number div { float: left; margin-left: 10px; font: 200 italic 12px 'Raleway', sans serif; color: #FFF; }	
	
	/* Header - Search */  
	.search_container { margin: 5px 0 0 0; width: 178px; float: left; }
	.search_container label { font: 200 italic 14px 'Raleway', sans serif; color: #FFF; margin-right: 7px; }
	.search_container input[type="text"] { border: 0; margin: 0; width: 97px; height: 14px; padding: 2px; font-size: 12px; color: #333; }
	.search_container input[type="image"] { float: left; }
	.serach_container input[type="text"]:focus { outline: none; }

/* Admin Styles */
	.admin_nav { float: left; clear: left; width: 1204px; }
	.admin_nav a { float: left; height: 21px; text-align: center; padding: 8px 3px 0 3px; display: block; width: 70px; font: 400 12px 'Raleway', sans serif; color: #FFF; border-left: 1px solid #fb8480; text-decoration: none; }	
	.admin_nav a:hover { background-color: #bd1510; }
	.admin_nav_r { border-right: 1px solid #fb8480; }
	.admin_nav_right { float: right; }
	.admin_nav_right a { float: left; height: 21px; text-align: center; padding: 8px 12px 0 12px; display: block; border-width: 0; width: 90px; font: 400 12px 'Raleway', sans serif; color: #FFF; text-decoration: none; }
	.admin_nav_right a:hover { background-color: #bd1510; }
	.admin_nav_right img { margin: -2px 2px 0 0; }
	
	.admin_nav_left { float: left; }
	.admin_nav_left a { float: left; height: 21px; text-align: center; padding: 8px 12px 0 12px; display: block; border-width: 0; width: 22px; text-decoration: none; }
	.admin_nav_left a:hover { background-color: #bd1510; }
	.admin_nav_left img { margin: -2px 2px 0 0; }
	
	.gen_notification { float: right; margin: 6px 10px 0 5px; font: 400 14px 'Raleway', sans serif; color: #FFF; }
	.etc_notification { float: right; margin: 6px 10px 0 5px; font: 400 14px 'Raleway', sans serif; color: #000; } 
	.cart_notification { float: right; margin: 40px 20px 0 0; font: 400 14px 'Raleway', sans serif; color: #000; } 
	
/* Rotating Panel */
	.rotating_panel { float: left; clear: left; width: 100%; height: 282px; background: url('/doc/img/headersliver.png'); }	.rotating_panel span { float: left; width: 100%; background: url('/doc/img/top_bg.png') 50% 4px no-repeat; }
	/* About Section */
	.about_container { float: left; padding: 0; width: 870px; margin-left: 5px; }	.about { float: left; color: #E4403B; font: 300 58px 'Raleway', sans serif; text-align: right; padding: 0; line-height: 70px; margin: -9px 20px 0 2px; width: 260px; }	.about_content { float: left; color: #333; font: 15px Times New Roman; width: 232px; margin-right: 48px; line-height: 21px; }	.about_image { float: left; padding: 0; margin: 0; width: 535px; height: 281px; }	.about_organizations { float: left; list-style: none; clear: left; padding: 8px 0 0 72px; margin: 8px 0 0 0; width: 747px; border-top: 1px solid #333; }	.about_organizations li { text-align: center; list-style: none; float: left; margin: 0 26px 0 0; }	.about_organizations li a { display: block; padding: 0; border: 2px solid #E5E5E5; background: url('/doc/img/about_logo_bg.png') no-repeat; color: #E43F39; font: 500 13px/16px 'Raleway', sans serif; text-decoration: none; width: 204px; height: 127px; }	.about_organizations li a:hover { background: url('/doc/img/about_logo_bg_rollover.png') no-repeat; }	.about_organizations li a span { color: #333; font: 300 13px 'Raleway', sans serif; }
	/* Services Section */	
	.services_title { float: left; clear: left; font: 100 84px/42px 'Raleway', sans serif; color: #565656; margin: 25px 0 0 60px; }	.services_cell { float: left; width: 480px; height: 176px; padding: 26px 60px 22px 60px; }
	.services_cell_1 { background: url('/doc/img/services_graphic_design_sliver.png') repeat-x; }
	.services_cell_2 { background: url('/doc/img/services_blanks_sliver.png') repeat-x; }
	.services_cell_3 { background: url('/doc/img/services_graphics_sliver.png') repeat-x; }
	.services_cell_4 { background: url('/doc/img/services_graphic_design_sliver.png') repeat-x; border-bottom: 3px solid #52606D; }	.services_cell_5 { background: url('/doc/img/services_blanks_sliver.png') repeat-x; border-bottom: 3px solid #52606D; }
	.services_cell_graphics { float: left; }	.services_cell_anodizing { float: left; width: 480px; height: 243px; padding: 26px 60px 7px 60px; }
	.services_cell_anodizing_text { font: 300 13px/17px 'Raleway',sans serif; color: #F0F0EA; margin-top: 8px; } 	.services_graphics_bg { float: left; width: 480px; height: 243px; padding: 26px 60px 7px 60px; background: url('/doc/img/services_graphics.png') 185px 100% no-repeat; }	.services_headings { float: left; clear: left; font: 900 18px/22px 'Raleway', sans serif; color: #E4403B; margin-bottom: 16px; }	.services_content { float: left; font: 14px/17px Times New Roman; width: 275px; color: #F0F0EA; margin: 5px 0 0 0; }
	/* Signs */
	#signs_container { float: left; clear: left; width: 100%; margin: 10px 0 20px 0; }
	.signs_header { float: left; clear: left; margin: 35px 98px 0 61px; width: 1041; }	.signs_title_container { float: right; width: 419px; }	.signs_title { float: left; text-align: center; padding: 26px; background-color: #E4403B; width: 367px; height;184px; color: #F0F0EA; font: 900 120px/80px 'Raleway', sans serif; }	.signs_text { float: left; clear: left; width: 419px; margin-top: 5px; font: 300 13px/16px 'Raleway', sans serif; color: #678193; }	.signs_categories_container { float: left; width: 504px; height: 39px; margin: 92px 110px 0 0; }	.signs_headings { float: left; clear: left; font: 100 35px/42px 'Raleway', sans serif; color: #333; margin: 15px 0 5px 60px; }
	/* Signs - Regulatory */
	.signs_regulatory { float: left; text-align: center; height: 26px; width: 168px; font: 200 18px 'Raleway', sans serif; }	.signs_regulatory a { display: block; padding: 13px 0 0 0; float: left; background: url('/doc/img/signs_button1.png') no-repeat; color: #F0F0EA; text-decoration: none; width: 168px; height: 26px; }	.signs_regulatory a:hover, a.hovered { background-position: 0 -39px; }	.signs { float: left; clear: left; margin: 0 0 28px 60px; padding: 0; list-style: none; margin-left: 60px; }	.signs li { float: left; text-align: center; font: 300 13px/16px 'Raleway', sans serif; color: #333; }	.signs li font { font: 700 13px/16px 'Raleway', sans serif; color: #E43F39; }	.signs li a { float: left; clear: left; text-decoration: none; background: url('/doc/img/signs_add_to_quote.png') no-repeat; width: 88px; height: 18px; margin-top: 2px; }	.signs li a:hover { background-position: 0 -18px; }	.signs li img { margin-bottom: 4px; }	.signs_search_container { float: left; clear: left; width: 1200px; margin-left: 90px; padding: 20px 0 0 2px; } 
	.signs_search_container label { margin-right: 10px; font: 500 italic 14px/18px 'Raleway', sans serif; color: #D2332A; }
	.signs_search_container input { border: 0; margin: 0; width: 355px; height: 16px; padding: 2px; font-size: 12px; color: #333; }
	.signs_search_header { margin: 15px 42px 0 148px; width: 416px; font: 200 31px/39px 'Raleway', sans serif; color: #666; }
	.signs_mutcd_text { margin-top: 99px; width: 250px; font: 17px/120% Times New Roman; color: #678193; }
	.signs_mutcd_container { width: 1040px; height: 346px; border: 1px solid #333; background: #F8F7F4 url('/doc/img/search_mutcd.jpg') 50% 50% no-repeat; margin-top: 10px; }
	.signs_one_week { width: 100%; background-color: #ECEBE8; padding: 20px 0 0 0; }
	/* Signs - Street */
	.signs_street { float: left; text-align: center; height: 26px; width: 168px; font: 200 18px 'Raleway', sans serif; }	.signs_street a { display: block; padding: 13px 0 0 0; float: left; background: url('/doc/img/signs_button2.png') no-repeat; color: #F0F0EA; text-decoration: none; width: 168px; height: 26px; }	.signs_street a:hover, a.hovered { background-position: 0 -39px; }	.street_signs { float: left; clear: left; width: 1070px; height: 461px; background: url('/doc/img/street_signs_bg.png') no-repeat; margin: 0 0 0 34px; }	.street_signs_content { float: left; margin: 86px 74px 0 22px; width: 462px; }	.street_signs_heading { float: left; clear: left; font: 200 41px/120% 'Raleway', sans serif; color: #666; width: 500px; }	.street_signs_heading font { font: 900 41px/120% 'Raleway', sans serif; color: #E54C45; }	.street_signs_text { float: left; clear: left; font: 18px Times New Roman; color: #668092; padding: 10px 40px 9px 21px; }	.street_signs_toppers { float: left; margin-top: 34px; font: 300 13px 'Raleway', sans serif; color: #E54C45; }	.street_signs_toppers img { margin: 11px 0 6px -3px; }
	/* Signs Custom */
	.signs_custom { float: left; text-align: center; height: 26px; width: 168px; font: 200 18px 'Raleway', sans serif; }	.signs_custom a { display: block; padding: 13px 0 0 0; float: left; background: url('/doc/img/signs_button3.png') no-repeat; color: #F0F0EA; text-decoration: none; width: 168px; height: 26px; }	.signs_custom a:hover, a.hovered { background-position: 0 -39px; }	.sign_system_container { float: left; width: 1007px; height: 162px; background: url('/doc/img/sign_system_bg.png') no-repeat; }	.sign_system_heading { float: left; width: 346px; height: 142px; font: 900 35px/120% 'Raleway', sans serif; color: #E4403B; padding: 20px 0 0 89px; }	.sign_system_text_container { float: left; width: 508px; height: 126px; padding: 17px 7px 19px 6px; }	.sign_system_text { float: left; clear: left; width: 536px; height: 27px; padding: 2px 0 2px 16px; font: 300 15px 'Raleway', sans serif; color: #333; }	.sign_system_text img { float: left; margin-right: 15px; } 	.sign_system_text span { float: left; margin-top: 6px; }
	.fedex_bg { width: 1200px; height: 190px; background: url('/doc/img/custom_signs_sliver.png') repeat-x; margin-top: 169px; }	.fedex_sign_container { position: relative; margin: 0 auto; width: 969px; margin-top: -158px; }	.custom_sign_fedex { float: left; width: 415px; height: 156px; margin-top: 104px; }	.custom_sign_safe { float: left; width: 548px; height: 257px; margin-left: 5px; background-color: #2A255E; font: 200 26px/120% 'Raleway', sans serif; color: #F0F0EA; text-shadow: 2px 2px #d12102A; }	.custom_sign_safe span { float: left; padding: 15px 43px 43px 43px; text-align: center; }	.custom_signs { width: 100%; height: 167px; padding: 6px 0 6px 0; background: url('sign_system_sliver.png') repeat-x; }  
	.custom_signs_example { text-align: center; margin: 15px 0 0 170px; }
 
/* Graphics Section */
	.graphics_container { float: left; clear: left; width: 1006px; background-color: #424844; padding: 18px 15px 15px 15px; margin-top: 40px; }	.graphics_container a { font: 500 13px 'Raleway', sans serif; color: #F8F8F8; text-decoration: none; }	.graphics_container a:hover { text-decoration: underline; }	.graphics_left { float: left; width: 438px; }	.graphics_right { float: left; width: 567px; }	.graphics_heading { float: left; margin-left: 55px; font: 200 25px 'Raleway', sans serif; color: #F8F8F8; }	.graphics_subheading { float: left; font: 500 15px 'Raleway', sans serif; color: #F8F8F8; margin-bottom: 17px; }
	.graphics_text { margin-top: 60px; font: 300 13px 'Raleway', sans serif; color: #D2E3F7; }		.graphics_pricing_container { float: left; clear: left; height: 65px; width: 434px; background-color: #2F3331; margin-top: 10px; }	.graphics_pricing_left { float: left; text-align: right; font: 300 11px/19px 'Raleway', sans serif; color: #D2342A; padding: 21px 0 0 30px; height: 38px; background-color: #2F3331; }	.graphics_pricing_columns { float: left; text-align: center; height: 56px; font: 300 16px/120% 'Raleway', sans serif; color: #f8f8f8; padding: 3px 15px 6px 15px; }	.graphics_pricing_columns font { font: 500 10px/17px 'Raleway', sans serif; color: #D2342A; }	.graphics_bl { float: left; clear: left; width: 439px; height: 291px; background: url('/doc/img/graphics/bl_bg.png') no-repeat; }	.graphics_images { float: left; width: 567px; height: 287px; }	.graphics_view_gallery { float: left; clear: left; margin: 0 0 0 37px; font: 500 13px 'Raleway',sans serif; color: #f8f8f8; }	.graphics_rotating_bottom { float: left; padding: 20px 0 0 170px; width: 397px; height: 19px; font: 300 13px 'Raleway', sans serif; color: #DFE6FF; text-align: left; background: url('/doc/img/graphics/rotating_bottom.png') no-repeat; margin-top: -20px; }	.graphics_br { float: left; clear: left; background-color: #D2342A; padding: 0 7px 8px 0; width: 560px; height: 236px; }	.graphics_brochure { float: left; margin: 80px 11px 0 4px; font: 14px/120% Times New Roman; color: #FFF; width: 73px; }	.graphics_brochure a { font: 700 13px 'Raleway', sans serif; color: #2C3331; text-decoration: none; }	.graphics_brochure a:hover { text-decoration: underline; }
	.graphics_benefits { font: 900 34px/36px 'Raleway', sans serif; color: #383D3A; margin: 25px 0 0 20px; }	.graphics_key_benefits { float: left; clear: left; color: #F8F8F8; width: 330px; margin-left: 20px; padding: 6px; font: 300 13px 'Raleway', sans serif; }
	.graphics_bottom { height: 7px; width: 567px; background: url('/doc/img/graphics/bottom_sliver.png') repeat-x; }
	#slider_graphics { float: left; width: 567px; height: 287px; } 
	/* Components Section */ 
	.components_heading { float: left; margin: 43px 0 12px 0; font: 200 52px/26px 'Raleway', sans serif; color: #666; }	.components_heading font { font: 900 52px/26px 'Raleway', sans serif; color: #D2332A; }	.components { float: left; margin: 2px; text-align: center; font: 100 30px 'Raleway', sans serif; color: #888887; }	.components a { font: 100 30px 'Raleway', sans serif; text-decoration: none; color: #888887; }	.components a:hover { color: #E4403B; }	.components img { margin-bottom: 14px; }	.components_window { float: left; width: 879px; margin-top: 22px; }	.components_title { float: left; width: 847px; height: 31px; background: url('/doc/img/components_head.png') no-repeat; padding: 19px 0 0 15px; margin-bottom: 10px; font: 300 30px/15px 'Raleway', sans serif; color: #F0F0EA; }
	 
/* Documentation Section */ 
	.documentation_title { margin: 0 98px 0 656px; background-color: #F0F0EA; padding: 27px; font: 100 45px/23px 'Raleway', sans serif; color: #D2332A; }	.documentation_bottom { float: left; clear: left; width: 1200px; height: 38px; background: url('/doc/img/documentation_bottom.png') no-repeat; }	.documentation a { font: 200 24px/36px 'Raleway', sans serif; color: #F0F0EA; text-decoration: none; }	.documentation a:hover { text-decoration: underline; color: #F0F0EA; }
	/* Footer & Sprites*/
	.foot_it a { float: left; height: 66px; width: 122px; margin: 25px 50px 30px 50px; background: url('/doc/img/footer.png') no-repeat; }	.foot_it a:hover { background-position: -596px 0; }	.foot_if a { float: left; height: 66px; width: 111px; margin: 25px 50px 30px 50px; background: url('/doc/img/footer.png') no-repeat; background-position: -131px 0; }	.foot_if a:hover { background-position: -729px 0; }	.foot_isv a { float: left; height: 66px; width: 122px; margin: 25px 50px 30px 50px; background: url('/doc/img/footer.png') no-repeat; background-position: -257px 0; }	.foot_isv a:hover { background-position: -853px 0; }	.foot_ita a { float: left; height: 66px; width: 201px; margin: 25px 50px 30px 50px; background: url('/doc/img/footer.png') no-repeat; background-position: -388px 0; }	.foot_ita a:hover { background-position: -981px 0; }
	/* Contact Section */	
	.contact { float: left; clear: left; width: 100%; margin-top: 10px; background: #F0F0EA url(''/doc/img/contact/bg_sliver.png'') 100% 10% repeat-x; }	.contactbody { position: relative; margin: 0 auto; width: 1040px; font: 300 13px 'Raleway', sans-serif; }	.contactbody span { float: left; clear: left; width: 1040px; height: 600px; background-color: #F0F0EA; }	.contactbody span article { float: left; clear: left; width: 1000px; margin: 0 60px 20px 45px; }	.contactbody h1, .view_table h1 { font: 200 60px 'Raleway', San Serif; padding: 0; margin: 0; }	.contactbody h2, .view_table h2 { font: 700 18px 'Raleway', San Serif; color: #8793a0; padding: 0 0 6px 0; margin: 0; }	.contactbody h3, .view_table h3 { font: 600 10px/10px 'Raleway', San Serif; color: #8793a0; padding: 0; margin: 0; } 	.contactbody img { margin: 0 0 10px 0; }
	/* Contact - Address Area */
	.address a { font: 500 12px 'Raleway', sans-serif; color: #d2342a; text-decoration: none; }	.address a:hover { color: #000; }	.address { float: left; width: 375px; margin-right: 30px; }	.address_area { float: left; width: 50%; } 
	/* Contact - Form - Additional Uniform Styles in: external.css */
	.contact_form { float: left; width: 530px; }	#contact_us_results { float: left; clear: left; margin: 0; height: 0; }
	/* Contact - Map Area */
	.map { float: left; clear: left; width: 912px; border: 2px solid #8793a0; padding: 20px; margin-top: 25px; }

/* FEDEX MAIN */
	.fedex_title { float: left; clear: left; font: 300 64px/42px 'Raleway', sans serif; color: #565656; margin: 25px 0 0 0; }
	.fedex_body { float: left; clear: left; width: 1190px; padding-left: 10px; background-color: #fff; font: 300 14px 'Raleway', sans-serif; }
	.fedex_signs_container { float: left; margin: 0 18px 20px 0; width: 220px; }	
	.fedex_signs_container div { position: relative; width: 210px; height: 400px; margin-left: 10px; }
	.fedex_signs_container div img { position: absolute; top: 0; bottom: 0; margin: auto; }
	.fedex_signs_container span { float: left; clear: left; text-align: center; width: 100%; margin-top: 10px; line-height: 16px; }
	.fedex_signs_container span h1 { padding: 0; margin: 0; font: 700 20px 'Raleway', sans-serif; }
	.fedex_signs_container span h2 { padding: 0; margin: 0; font: 300 12px/26px 'Raleway', sans-serif; }
	.fedex_signs_container span h3 { padding: 0; margin: 0; font: 16px arial; }	
	.fedex_signs_container article { float: left; clear: left; width: 210px; height: 37px; padding-left: 7px; margin-top: 5px; }
	.fedex_signs_container article a { float: left; background: url('/doc/img/btn/add_to_cart.png') no-repeat; width: 210px; height: 37px; }
	.fedex_signs_container article a:hover { width: 210px; height: 37px; background-position: -210px 0; }

	.signs_fedex { float: left; text-align: center; height: 26px; width: 168px; font: 200 18px 'Raleway', sans serif; }
	.signs_fedex a { display: block; padding: 13px 0 0 0; float: left; background: url('/doc/img/signs_button1.png') no-repeat; color: #F0F0EA; text-decoration: none; width: 168px; height: 26px; }
	.signs_fedex a:hover, a.hovered { background-position: 0 -39px; }
	.signs_regulatory_f { float: left; text-align: center; height: 26px; width: 168px; font: 200 18px 'Raleway', sans serif; }
	.signs_regulatory_f a { display: block; padding: 13px 0 0 0; float: left; background: url('/doc/img/signs_button2.png') no-repeat; color: #F0F0EA; text-decoration: none; width: 168px; height: 26px; }
	.signs_regulatory_f a:hover, a.hovered { background-position: 0 -39px; }
  
	.banner_title { float: left; clear: left; font: 100 45px/23px 'Raleway', sans serif; color: #565656; margin: 0; } 
	.banner_list li { list-style-type: square; color: #fff; }
	.banner_body { width: 620px; padding: 50px 10px 30px 0; color: #fff; font: 300 16px/24px 'Raleway', sans serif; }
	.banner_body a { float: right; display: block; width: 568px; font-size: 36px; border: 1px solid #ccc; margin: 0 10px 20px 0; padding: 10px; background-color: #D2332A; color: #F0F0EA; text-decoration: none; text-align: center; }
	
/* Management Area */
	.mgt {
		background-color: #fff;
		width: 100%;   
		position: relative;
	}
	#mgt {
		background-color: #fff;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
	}
	.mgt_results {
		position: absolute; font: 700 20px 'Raleway', san serif; padding: 10px; margin: 67px 0 0 0; background-color: #fff; border: 1px solid #000;
	}
	.drop_container {
		float: left; clear: left; width: 100%; background-color: #fff; padding-bottom: 20px;
	}	
	#sign_customizer h1 { float: left; color: #E4403B; font: 300 58px 'Raleway', sans serif; text-align: left; padding: 0; margin: 0; }
	#sign_customizer h2 {float: left; color: #E4403B; font: 300 36px 'Raleway', sans serif; text-align: left; padding: 0; margin: 40px 0 0 40px; }
	#sign_customizer h3 {float: left; clear: left; color: #E4403B; font: 300 22px 'Raleway', sans serif; text-align: left; padding: 0; margin: 10px 0 10px 0; }
	#sign_customizer { margin-top: 72px; }	
	
			
/* ADMIN STYLES */ 
	.mar_top { margin-top: 28px; }
	.mar_top h1 { float: left; color: #E4403B; font: 300 58px 'Raleway', sans serif; text-align: left; padding: 0; margin: 0; }
	.mar_top h2 {float: left; color: #E4403B; font: 300 36px 'Raleway', sans serif; text-align: left; padding: 0; margin: 20px 0 0 40px; }
	.mar_top h3 {float: left; clear: left; color: #E4403B; font: 300 22px 'Raleway', sans serif; text-align: left; padding: 0; margin: 10px 0 10px 0; }
	.spacer { margin-top: 72px; }
	.admin_spacer { margin-top: 92px; }
	
	.area_links { float: left; clear: left; width: 1160px; margin: 20px 20px 20px 0; }
	.area_links article { float: left; width: 330px; margin: 10px 20px 20px 0; background-color: #fff; font: 300 40px 'Raleway', sans serif; border: 2px solid #858585; background: #fff url('/doc/img/areas/bg_link.png') top left repeat-y; }
	.area_links article a { float: left; padding: 10px; width: 310px; height: 56px; display: block; color: #333333; }
	.area_links article a:hover { background-color: #e4403b; color: #fff !important; }
	.area_links article img { float: left; width: 50px; margin: 2px 10px 0 0; }
	.area_links article a h1 { float: right; font: 700 22px 'Raleway', sans serif; text-align: right; color: #333333; }
	.area_links article a:hover h1 { color: #fff; }		
	
	.customer_area { float: left; clear: left; width: 100%; height: 700px; padding-bottom: 20px; background: url('/doc/img/areas/account.png') top right no-repeat; }
	.quote_area { float: left; clear: left; width: 100%; height: 700px; padding-bottom: 20px; background: url('/doc/img/areas/quote.png') top right no-repeat; }
	.order_area { float: left; clear: left; width: 100%; height: 700px; padding-bottom: 20px; background: url('/doc/img/areas/order.png') top right no-repeat; }
	.art_area { float: left; clear: left; width: 100%; height: 700px; padding-bottom: 20px; background: url('/doc/img/areas/art.png') top right no-repeat; }
	.production_area { float: left; clear: left; width: 100%; height: 700px; padding-bottom: 20px; }
	.shipping_area { float: left; clear: left; width: 100%; height: 700px; padding-bottom: 20px; background: url('/doc/img/areas/shipping.png') top right no-repeat; }
	.billing_area { float: left; clear: left; width: 100%; height: 700px; padding-bottom: 20px; background: url('/doc/img/areas/billing.png') top right no-repeat; }
	.reporting_area { float: left; clear: left; width: 100%; height: 700px; padding-bottom: 20px; background: url('/doc/img/areas/reporting.png') top right no-repeat; }
	.account_area { float: left; clear: left; width: 100%; height: 700px; padding-bottom: 20px; background: url('/doc/img/areas/account.png') top right no-repeat; }	
	.my_account_area { float: left; clear: left; width: 100%; height: 700px; padding-bottom: 20px; background: url('/doc/img/areas/my_account.png') top right no-repeat; }
	.component_area { float: left; clear: left; width: 100%; height: 700px; padding-bottom: 20px; background: url('/doc/img/areas/component.png') top right no-repeat; }
	
	.btn_create { float: right; width: 213px; height: 51px; margin-top: 10px; }
	.btn_create a { float: right; width: 213px; height: 51px; background: url('/doc/img/btn/create.png') no-repeat; }
	.btn_create a:hover {  background: url('/doc/img/btn/create.png') -213px 0 no-repeat; }

	.btn_save { float: right; width: 213px; height: 51px; margin-top: 10px; }
	.btn_save a { float: right; width: 213px; height: 51px; background: url('/doc/img/btn/save.png') no-repeat; }
	.btn_save a:hover {  background: url('/doc/img/btn/save.png') -213px 0 no-repeat; }
	
	.form_button { float: left; }
	.form_button a { float: left; border: 1px solid #000; padding: 8px; background-color: #e4403b; color: #fff; font: 300 16px 'Raleway', sans serif; text-decoration: none; }
	.form_button a:hover { background-color: #807675; }
	
	button.view, button.update, button.update_quantities, button.enable, button.save, button.delinquent, button.xls { font: 300 13px 'Raleway', sans serif; color: #000; }	
	button.checkout, button.login_btn, button.create { font: 700 22px 'Raleway', sans serif; color: #000; }
	
	table.view_table { float: left; clear: left; width: 1140px; margin: 10px 0 20px 40px; font: 700 14px 'Raleway', san serif; color: #000; }
	table.view_table th { background-color: #98110d; color: #fff; font: 600 20px 'Raleway', San Serif; text-align: left; }
	table.view_table td { background-color: #fff; }
	table.view_table td.hc { background-color: #e4403b; color: #fff; width: 150px; font-size: 16px; text-align: right; }	
	/*
	.cart_container { float: left; clear: left; width: 100%; padding: 0; display: none; } 
	.cart_management { float: left; clear: left; width: 1160px; padding: 20px; margin: 20px 0 20px 0; border: 1px solid #ccc; background-color: #fff; }
	*/

	.cart_container { 
		background-color: #fff;
		width: 100%;   
		position: relative;
	}
	#cart_container {
		background-color: #fff;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
	}	
	.cart_management { float: left; clear: left; width: 1100px; padding: 20px; margin: 20px 0 20px 30px; border: 1px solid #ccc; background-color: #fafafa; }
	.cart_management_notes { float: left; clear: left; width: 1100px; margin: 5px 0 0 30px; font: 300 12px 'Raleway', San Serif; text-align: left; }
	 
	#cart_body { 
		background-color: #fff;
	}
	#cart_body h2 {float: left; color: #E4403B; font: 300 36px 'Raleway', sans serif; text-align: left; padding: 0; margin: 35px 0 0 25px; }
	.cart_items { float: left; clear: left; width: 1140px; margin: 10px 30px 0 30px; }
	.close_btn { float: right; margin: 25px 25px 0 0; }
	#cart_items { float: left; clear: left; border: 1px solid #000; background-color: #fff; font: 400 12px 'Raleway', San Serif; padding: 5px; margin: 6px 0 0 -4px; width: 70px; }
	.cart_bottom { float: left; clear: left; width: 100%; background-color: #fff; }
	.cart_bottom a { float: left; clear: left; width: 1200px; font: 500 18px 'Raleway', San Serif; display: block; background-color: #e4403b; color: #fff; padding: 5px 0 5px 0; text-align: center; text-decoration: none; }
	.cart_bottom a:hover { background-color: #c02924; }
	
/* Sign Customization Form */	
	.sign_form_head { float: left; clear: left; margin: 20px 0 10px 0; padding: 10px; border: 1px solid #000; border-width: 1px 0 1px 0; }	
	.extwidth { width: 603px; }	
	.form_drop { float: left; clear: left; display: none; }	
	.request_quote { float: left; clear: left; font-size: 40px; font-weight: bold; width: 100%; }	
	.customize_sign_btn { float: left; clear: left; text-align: center; width: 1200px; height: 73px; margin: 35px 0 0 116px; }	
	.customize_sign_btn a { float: left; clear: left; width: 968px; height: 73px; background: url('/doc/img/btn/build_custom_sign.png') no-repeat; }
	.customize_sign_btn a:hover {  background: url('/doc/img/btn/build_custom_sign.png') -968px 0 no-repeat; }
	
	.street_sign_btn { float: left; clear: left; text-align: center; width: 1200px; height: 73px; margin: 35px 0 0 116px; }	
	.street_sign_btn a { float: left; clear: left; width: 968px; height: 73px; background: url('/doc/img/btn/build_street_sign.png') no-repeat; }
	.street_sign_btn a:hover {  background: url('/doc/img/btn/build_street_sign.png') -968px 0 no-repeat; }
	
	.add_to_cart_btn { float: left; clear: left; width: 142px; height: 25px; }
	.add_to_cart_btn a { float: left; background: url('/doc/img/btn/add_to_cart_small.png') no-repeat; width: 142px; height: 25px; }
	.add_to_cart_btn a:hover { width: 142px; height: 25px; background-position: -142px 0; }
	
	.add_to_order_btn { float: left; clear: left; width: 142px; height: 25px; }
	.add_to_order_btn a { float: left; background: url('/doc/img/btn/add_to_order_small.png') no-repeat; width: 142px; height: 25px; }
	.add_to_order_btn a:hover { width: 142px; height: 25px; background-position: -142px 0; }
	
	.customize_and_add_to_cart_btn { float: left; clear: left; width: 170px; height: 25px; }
	.customize_and_add_to_cart_btn a { float: left; background: url('/doc/img/btn/customize_and_add_to_cart.png') no-repeat; width: 170px; height: 25px; }
	.customize_and_add_to_cart_btn a:hover { width: 170px; height: 25px; background-position: -170px 0; }	

	.customize_and_add_to_order_btn { float: left; clear: left; width: 170px; height: 25px; }
	.customize_and_add_to_order_btn a { float: left; background: url('/doc/img/btn/customize_and_add_to_order.png') no-repeat; width: 170px; height: 25px; }
	.customize_and_add_to_order_btn a:hover { width: 170px; height: 25px; background-position: -170px 0; }	
	
/* Pricing Area */  
	.pricing_area { float: left; clear: left; width: 100%; height: 700px; padding-bottom: 20px; }
	.pricing_body {
		float: left; clear: left; width: 1160px; margin: 0 20px 20px 0;
	}
	.price_head { 	
		float: left; 
		width: 380px; 
		background-color: #323e48;
		padding: 15px 10px;
		margin-top: 0;
		color: #fff;
		font: 400 24px 'Raleway', sans serif;					
		text-shadow: 0 1px 0 #545454;
		-moz-box-shadow: 1px 1px 15px #728fa3 inset;
		-webkit-box-shadow: 1px 1px 15px #728fa3 inset;
		box-shadow: 1px 1px 15px #728fa3 inset;
	}
	.price_results { float: left; clear: left; padding: 10px; width: 380px; }	
	.price_results div { float: left; clear: left; margin-top: 5px; padding: 5px; width: 90px; height: 22px; font: 400 18px 'Raleway', San Serif; color: #fff; background-color: #e4403b; border: 1px solid #000; border-width: 1px 0 1px 1px; }
	.price_results span { float: left; width: 267px; margin-top: 5px; padding: 5px; height: 22px; font: 400 18px 'Raleway', San Serif; color: #000; background-color: #fff; border: 1px solid #000; }
	.price_results .detail { float: left; clear: left; margin-left: 200px; margin-top: 5px; padding: 5px; width: 167px; height: 22px; }
	.mar_top { margin-top: 20px !important; }
	
	.left_button { float: left; text-align: center; height: 26px; width: 144px; font: 200 18px 'Raleway', sans serif; }
	.left_button a { display: block; padding: 10px 0 0 0; float: left; background: url('/doc/img/signs_button1.png') no-repeat; color: #F0F0EA; text-decoration: none; width: 144px; height: 26px; }
	.left_button a:hover, a.hovered { background-position: 0 -39px; }
	.center_button { float: left; text-align: center; height: 26px; width: 144x; font: 200 18px 'Raleway', sans serif; }
	.center_button a { display: block; padding: 10px 0 0 0; float: left; background: url('/doc/img/signs_button2.png') no-repeat; color: #F0F0EA; text-decoration: none; width: 144px; height: 26px; }
	.center_button a:hover, a.hovered { background-position: 0 -39px; }
	.right_button { float: left; text-align: center; height: 26px; width: 168px; font: 200 18px 'Raleway', sans serif; }
	.right_button a { display: block; padding: 10px 0 0 0; float: left; background: url('/doc/img/signs_button3.png') no-repeat; color: #F0F0EA; text-decoration: none; width: 168px; height: 26px; }
	.right_button a:hover, a.hovered { background-position: 0 -39px; }	
	
	.edit {
		background: url('/doc/img/bg/edit.png') no-repeat 99% 50%;
	}	
	 
	.btn_add_order { float: right; width: 213px; height: 51px; margin-top: 10px; }
	.btn_add_order a { float: right; width: 213px; height: 51px; background: url('/doc/img/btn/add_to_order.png') no-repeat; }
	.btn_add_order a:hover {  background: url('/doc/img/btn/add_to_order.png') -213px 0 no-repeat; }	

	.btn_add_component_order { float: right; width: 213px; height: 51px; margin-top: 10px; }
	.btn_add_component_order a { float: right; width: 213px; height: 51px; background: url('/doc/img/btn/add_component_to_order.png') no-repeat; }
	.btn_add_component_order a:hover {  background: url('/doc/img/btn/add_component_to_order.png') -213px 0 no-repeat; }	
	
	.history_table {
		float: left; clear: left; width: 100%; 
		font: 14px 'arial';
	}
	.history_table th {
		background-color: #e4403b;
		color: #fff;
		font-weight: bold;
	}
	.history_table td {
		background-color: #fff;
		color: #000;
		text-align: center;
	}	/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:1200px;
		height:282px;
		overflow:hidden; 
		}	
	#slider_graphics ul, #slider_graphics li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider_graphics li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:567px;
		height:287px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/*! jQuery UI - v1.10.3 - 2013-09-05
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=cc0000&bgTextureHeader=highlight_soft&bgImgOpacityHeader=15&borderColorHeader=e3a1a1&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=eeeeee&fcContent=333333&iconColorContent=cc0000&bgColorDefault=eeeeee&bgTextureDefault=highlight_hard&bgImgOpacityDefault=100&borderColorDefault=d8dcdf&fcDefault=004276&iconColorDefault=cc0000&bgColorHover=f6f6f6&bgTextureHover=highlight_hard&bgImgOpacityHover=100&borderColorHover=cdd5da&fcHover=111111&iconColorHover=cc0000&bgColorActive=ffffff&bgTextureActive=flat&bgImgOpacityActive=65&borderColorActive=eeeeee&fcActive=cc0000&iconColorActive=cc0000&bgColorHighlight=fbf8ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcd3a1&fcHighlight=444444&iconColorHighlight=004276&bgColorError=f3d8d8&bgTextureError=diagonals_thick&bgImgOpacityError=75&borderColorError=cc0000&fcError=2e2e2e&iconColorError=cc0000&bgColorOverlay=a6a6a6&bgTextureOverlay=dots_small&bgImgOpacityOverlay=65&opacityOverlay=40&bgColorShadow=333333&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=10&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: inline-block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("/tpl/css/blitzer/images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 4px;
	position: absolute;
	z-index: 9999;
	max-width: 600px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;	
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #eeeeee;
	background: #ffffff url(/tpl/css/blitzer/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #e3a1a1;
	background: #cc0000 url(/tpl/css/blitzer/images/ui-bg_highlight-soft_15_cc0000_1x100.png) 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d8dcdf;
	background: #eeeeee url(/tpl/css/blitzer/images/ui-bg_highlight-hard_100_eeeeee_1x100.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #004276;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #004276;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #cdd5da;
	background: #f6f6f6 url(/tpl/css/blitzer/images/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #111111;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #111111;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #eeeeee;
	background: #ffffff url(/tpl/css/blitzer/images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #cc0000;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #cc0000;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcd3a1;
	background: #fbf8ee url(/tpl/css/blitzer/images/ui-bg_glass_55_fbf8ee_1x400.png) 50% 50% repeat-x;
	color: #444444;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #444444;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cc0000;
	background: #f3d8d8 url(/tpl/css/blitzer/images/ui-bg_diagonals-thick_75_f3d8d8_40x40.png) 50% 50% repeat;
	color: #2e2e2e;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #2e2e2e;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #2e2e2e;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/tpl/css/blitzer/images/ui-icons_cc0000_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(/tpl/css/blitzer/images/ui-icons_ffffff_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(/tpl/css/blitzer/images/ui-icons_cc0000_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(/tpl/css/blitzer/images/ui-icons_cc0000_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(/tpl/css/blitzer/images/ui-icons_cc0000_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(/tpl/css/blitzer/images/ui-icons_004276_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/tpl/css/blitzer/images/ui-icons_cc0000_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 6px;
}

/* Overlays */
.ui-widget-overlay {
	background: #a6a6a6 url(/tpl/css/blitzer/images/ui-bg_dots-small_65_a6a6a6_2x2.png) 50% 50% repeat;
	opacity: .4;
	filter: Alpha(Opacity=40);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #333333 url(/tpl/css/blitzer/images/ui-bg_flat_0_333333_40x100.png) 50% 50% repeat-x;
	opacity: .1;
	filter: Alpha(Opacity=10);
	border-radius: 8px;
}
/*

Uniform Theme: Uniform Default
Version: 1.8
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://uniformjs.com/

*/
/* General settings */
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
  background-image: url("/tpl/css/uniform/images/sprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased; }
div.selector, div.checker, div.button, div.radio, div.uploader {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  /* Keeping this as :focus to remove browser styles */ }
  div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
    outline: 0; }
div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
  margin: 0;
  padding: 0; }

.highContrastDetect {
  background: url("/tpl/css/uniform/images/bg-input.png") repeat-x 0 0;
  width: 0px;
  height: 0px; }

/* Input & Textarea */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  padding: 3px;
  background: url("/tpl/css/uniform/images/bg-input.png") repeat-x 0 0;
  outline: 0; }
  input.uniform-input.active,
  select.uniform-multiselect.active,
  textarea.uniform.active {
    background: url("/tpl/css/uniform/images/bg-input-focus.png") repeat-x 0 0; }

/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */
div.checker input,
input[type="search"],
input[type="search"]:active {
  -moz-appearance: none;
  -webkit-appearance: none; }

/* Select */
div.selector {
  background-position: 0 -130px;
  line-height: 26px;
  height: 26px;
  padding: 0 0 0 10px;
  position: relative;
  overflow: hidden; }
  div.selector span {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    background-position: right 0;
    height: 26px;
    line-height: 26px;
    padding-right: 25px;
    cursor: pointer;
    width: 100%;
    display: block; }
  div.selector.fixedWidth {
    width: 190px; }
    div.selector.fixedWidth span {
      width: 155px; }
  div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    height: 22px;
    top: 2px;
    left: 0px;
    width: 100%; }
  div.selector.active {
    background-position: 0 -156px; }
    div.selector.active span {
      background-position: right -26px; }
  div.selector.hover, div.selector.focus {
    background-position: 0 -182px; }
    div.selector.hover span, div.selector.focus span {
      background-position: right -52px; }
    div.selector.hover.active, div.selector.focus.active {
      background-position: 0 -208px; }
      div.selector.hover.active span, div.selector.focus.active span {
        background-position: right -78px; }
  div.selector.disabled, div.selector.disabled.active {
    background-position: 0 -234px; }
    div.selector.disabled span, div.selector.disabled.active span {
      background-position: right -104px; }

/* Checkbox */
div.checker {
  position: relative; }
  div.checker, div.checker span, div.checker input {
    width: 19px;
    height: 19px; }
  div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -260px; }
    div.checker span.checked {
      background-position: -76px -260px; }
  div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1; }
  div.checker.active span {
    background-position: -19px -260px; }
    div.checker.active span.checked {
      background-position: -95px -260px; }
  div.checker.hover span, div.checker.focus span {
    background-position: -38px -260px; }
    div.checker.hover span.checked, div.checker.focus span.checked {
      background-position: -114px -260px; }
  div.checker.hover.active span, div.checker.focus.active span {
    background-position: -57px -260px; }
    div.checker.hover.active span.checked, div.checker.focus.active span.checked {
      background-position: -133px -260px; }
  div.checker.disabled, div.checker.disabled.active {
    background-position: -152px -260px; }
    div.checker.disabled span.checked, div.checker.disabled.active span.checked {
      background-position: -171px -260px; }

/* Radio */
div.radio {
  position: relative; }
  div.radio, div.radio span, div.radio input {
    width: 18px;
    height: 18px; }
  div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -279px; }
    div.radio span.checked {
      background-position: -72px -279px; }
  div.radio input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center; }
  div.radio.active span {
    background-position: -18px -18px -279px; }
    div.radio.active span.checked {
      background-position: -90px -279px; }
  div.radio.hover span, div.radio.focus span {
    background-position: -36px -36px -279px; }
    div.radio.hover span.checked, div.radio.focus span.checked {
      background-position: -108px -279px; }
  div.radio.hover.active span, div.radio.focus.active span {
    background-position: -54px -279px; }
    div.radio.hover.active span.checked, div.radio.focus.active span.checked {
      background-position: -126px -279px; }
  div.radio.disabled span, div.radio.disabled.active span {
    background-position: -144px -279px; }
    div.radio.disabled span.checked, div.radio.disabled.active span.checked {
      background-position: -162px -279px; }

/* Uploader */
div.uploader {
  background-position: 0 -297px;
  height: 28px;
  width: 190px;
  cursor: pointer;
  position: relative;
  overflow: hidden; }
  div.uploader span.action {
    background-position: right -409px;
    height: 28px;
    line-height: 28px;
    width: 82px;
    text-align: center;
    float: left;
    display: inline;
    overflow: hidden;
    cursor: pointer; }
  div.uploader span.filename {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    cursor: default;
    height: 24px;
    margin: 2px 0 2px 2px;
    line-height: 24px;
    width: 85px;
    padding: 0 10px; }
  div.uploader input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    cursor: default;
    width: 100%;
    height: 100%; }
  div.uploader.active span.action {
    background-position: right -465px; }
  div.uploader.hover, div.uploader.focus {
    background-position: 0 -353px; }
    div.uploader.hover span.action, div.uploader.focus span.action {
      background-position: right -437px; }
    div.uploader.hover.active span.action, div.uploader.focus.active span.action {
      background-position: right -493px; }
  div.uploader.disabled, div.uploader.disabled.active {
    background-position: 0 -325px; }
    div.uploader.disabled span.action, div.uploader.disabled.active span.action {
      background-position: right -381px; }

/* Buttons */
div.button {
  background-position: 0 -641px;
  height: 30px;
  cursor: pointer;
  position: relative;
  /* Keep buttons barely visible so they can get focus */ }
  div.button a, div.button button, div.button input {
    opacity: 0.01;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute; }
  div.button span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 22px;
    text-align: center;
    background-position: right -521px;
    height: 22px;
    margin-left: 13px;
    padding: 8px 15px 0 2px; }
  div.button.active {
    background-position: 0 -671px; }
    div.button.active span {
      background-position: right -551px;
      cursor: default; }
  div.button.hover, div.button.focus {
    background-position: 0 -701px; }
    div.button.hover span, div.button.focus span {
      background-position: right -581px; }
  div.button.disabled, div.button.disabled.active {
    background-position: 0 -731px; }
    div.button.disabled span, div.button.disabled.active span {
      background-position: right -611px;
      cursor: default; }

/* INPUT & TEXTAREA */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform { 
  font: 500 12px "Raleway", Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #777;
  border-top: solid 1px #aaaaaa;
  border-left: solid 1px #aaaaaa;
  border-bottom: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  input.uniform-input.hover, input.uniform-input.focus,
  select.uniform-multiselect.hover,
  select.uniform-multiselect.focus,
  textarea.uniform.hover,
  textarea.uniform.focus {
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    border-color: #999; }

/* PRESENTATION */
/* Buttons */
div.button span {
  font: 500 12px "Raleway", Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase; }
div.button.hover span, div.button.focus span {
  color: #555; }
div.button.disabled span, div.button.disabled.active span {
  color: #bbb; }

/* Select */
div.selector {
float: left; clear: left;
color: #000;
	
  font-size: 14px; }
  div.selector span {
    color: #666;
    text-shadow: 0 1px 0 white; } 
  div.selector select {
    font: 500 14px "Raleway", Arial, Helvetica, sans-serif; color: #000;
	}
  div.selector.disabled span, div.selector.disabled.active span {
    color: #bbb; }

/* Checker */
div.checker {
  margin-right: 5px; }

/* Radio */
div.radio {
  margin-right: 3px; }

/* Uploader */
div.uploader span.action {
  text-shadow: white 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold; }
div.uploader span.filename {
  color: #777;
  border-right: solid 1px #bbbbbb;
  font-size: 11px; }
div.uploader.disabled span.action, div.uploader.disabled.active span.action {
  color: #aaa; }
div.uploader.disabled span.filename, div.uploader.disabled.active span.filename {
  border-color: #ddd;
  color: #aaa; }

input.uniform-input, input.uniform-input:focus {
  background-color: #fff; }
﻿/* notification bar */
#notification { 
	display: none;
	position:fixed;
	top: 0px; 
	left: 0px;
	width: 100%;
	background-color: #e0e0e0;
	color: #000;
	padding: 8px;
	text-align: center;
	font-family: Verdana, Arial, san-serif;
	border-bottom: 1px solid #666;
	background-color: #e0e0e0;
}
#confirm {
	display: none;
	padding: 5px;
	color: #000;
	background-color: #fff;
	font-family: Verdana, Arial, san-serif;
	border: 1px solid #666;
	position: absolute;
	z-index: 100000;
	margin-left: 3px;	
}

#confirm a, #confirm a:visited, #confirm a:active { color: #0a1320; font-weight: bold; }
#confirm a:hover { text-decoration: none; }

#confirm_file {
	display: none;
	padding: 5px 5px 10px 5px;
	color: #000;
	background-color: #fff;
	font-family: Verdana, Arial, san-serif;
	border: 1px solid #666;
	position: absolute;
	z-index: 100;
	margin-left: -150px;
	margin-right: 20px;
}

#confirm_file a, #confirm_file a:visited, #confirm_file a:active { color: #0a1320; font-weight: bold; font-size: 20px; }
#confirm_file a:hover { text-decoration: none; }

.msg_hidden {
	display: none;
}
.msg_info, 
.msg_warning, 
.msg_error, 
.msg_success {
	padding:20px 20px 15px 38px;
	border: 1px solid #ccc;
	display: block;
	height: auto;
	margin: 0 1.5% 0.8em;
	clear:both;
}

.msg_info li, 
.msg_warning li, 
.msg_error li, 
.msg_success li {
	list-style: none;
	padding:0;	
	margin-bottom: .4%;
	font-size:1.4em;
	line-height:1.1em;
	vertical-align: top;
}


.msg_info, .msg_warning, .msg_error, .msg_success {
	color:#2b2b2b;
	/*corner*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.msg_info h3, .msg_warning h3, .msg_error h3, .msg_success h3 {
	font-size:1.5em;
	line-height:1.1em;
	letter-spacing:-.02em;
	padding:0;
	margin:0 0 .3em 0;
}
.msg_info {
	background: #d1ecf7 url('/doc/img/ico/form-ic-info.png') no-repeat 12px 23px;
	border-color:#bcdfef;
}
.msg_warning {
	background: #fff6bf url('/doc/img/ico/form-ic-warning.png') no-repeat 12px 23px;
	border-color:#fceb77;
}
.msg_error {
	background: #fad0d0 url('/doc/img/ico/form-ic-error.png') no-repeat 12px 23px;
	border-color:#f6abab;
}
.msg_success {
	background: #e5f8ce url('/doc/img/ico/form-ic-success.png') no-repeat 12px 23px;
	border-color:#d0f1a6;
}

.msg_success strong, .msg_success a{color:#62b548;}
.msg_info strong, .msg_info a {color:#11689e;}
.msg_warning strong, .msg_warning a {color:#957210;}
.msg_error strong, .msg_error a {color:#b01717;}

.btn{
	font-size:1em;
	color:#931a1d;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-webkit-box-shadow:rgba(0,0,0,0.15) 0px 1px 3px;
	-moz-box-shadow:rgba(0,0,0,0.15) 0px 1px 3px;
	box-shadow:rgba(0,0,0,0.15) 0px 1px 3px;
	border:solid 1px #eee;
	background:url('/img/bg/btn-bg.png') repeat-x 0px 0px;
	height:27px;
	line-height:26px;
	text-shadow:rgba(255,255,255,0.5) 0px 1px 0px;
	display:inline;
	float:left;
	margin-right:5px;
	padding:0 10px
}
.btn{
	margin-top:10px;
	margin-bottom:20px;
	text-decoration: none;
}
.btn:hover{
	color:#650006
}
.btn:active{
	background-position:0px bottom
}
