@charset "utf-8";
/* CSS Style for aeoregon.com */

* {padding: 0px; margin: 0px;}

body
{
	background-image: url(images/bg_gradient.jpg); 
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

a
{
	text-decoration: underline;
	color: #CC3333;
}

ul
{
	list-style: none;
	/*border: solid #000000 1px;*/
}

h2
{
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
}

h3
{
	font-size: 18px;
	color: #CC3333;
	font-weight: normal;
}

h4
{
	font-size: 13px;
	font-weight: bold;
}

img
{
	border-style: none;
}

#main
{
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#header_bg
{
	float:left;
	background-image: url(images/header.jpg);
	width:930px;
	height: 190px;
}

#header
{
	height: 108px;
}

#headerimage
{
	overflow:visible;
	width:300px;
	height:108px;
}

#sidebar
{
	float: left;
	margin-right: 5px;
	/*border: solid #000000 1px;*/
	width: 213px;
	background-repeat: repeat-x;
	background-image: url(images/blue_gradient.jpg);
}

#navigation
{
	font-weight: bold;
	padding: 24px;
}

#navigation li
{
	border-bottom: solid #999999 1px;
	padding-bottom: 5px;
	padding-top: 5px;
}


#navigation a
{
	color: #000000;
	text-decoration: none;
}

#navigation a:hover
{
	color: #CC3333;
}

#content
{
	clear: both;
	float: right;
	margin-left: 5px;
	width: 695px;
	height:900px;
}

#content p
{
	padding: 0 0 4px 0;
}

#footer
{
	clear: both;
	font-size: 9px;
	width: 930px;
	
	text-align: center;
	color: #FFFFFF;
	padding-top: 11px;
	padding-bottom: 11px;
	background-image: url(images/footer_gradient.jpg); 
	background-repeat: repeat-x;
	background-color: #474c9e;
}

#footer a
{
	text-decoration: none;
	color: #FFFFFF;
}

#green_ad
{
	background-repeat: repeat-x;
	background-image: url(images/green_gradient.jpg);
}

#side_coupon
{
	color:#000000;
	text-align:center;
	vertical-align:middle;
	position:relative;
	top:-10px;
}

#side_coupon a
{
	color:#000000;
}

#my_account
{
	float: right;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#account_header
{
	text-align: right;
	font-size: 18px;
	color: #2f337b;
}

.align_right
{
	text-align: right;
}

.align_center
{
	text-align: center;
}

.middle_image
{
	vertical-align: middle;
}

.bold_link
{
	font-size: 11px;
	font-weight: bold;
	color: #CC3333;
	text-decoration: none;
	margin: 5px;
}

.big_red
{
	font-size: 15px;
	color: #CC3333;
	text-decoration: none;
}

.big_red a
{
	text-decoration: none;
}

.big_green
{
	font-size: 16px;
	color: #62700b;
	font-weight: bold;
}

.main_content
{
	overflow: visible;
	
	background-repeat: repeat-x;
	background-image: url(images/orange_gradient.jpg);
	min-height: 150px;
}

.main_content_red
{
	overflow: visible;
	background-repeat: repeat-x;
	background-image: url(images/red_gradient.jpg);
}

.tabbed_content
{
	background-repeat: repeat-x;
	background-image: url(images/tabbed_gradient.jpg);
	background-position: 0px 36px;
	overflow: visible;
	min-height: 150px;
}

.focus_tab
{
	background-repeat: repeat-x;
	background-image: url(images/orange_gradient.jpg);
}

.other_tab
{
	background-repeat: repeat-x;
	background-image: url(images/dark_orange_gradient.jpg);
}

.other_tab a
{
	text-decoration:none;
}
.inner_content
{
	padding: 22px;
}

.lower_content
{
	clear: both;
	padding-top: 11px;
	padding-left: 22px;
	padding-right: 22px;
	padding-bottom: 22px;
}

.top_content
{
	padding-left: 22px;
	padding-right: 22px;
	padding-bottom: 22px;
}

.column_left
{
	float: left;
	overflow: hidden;
	width: 336px;
}

.left_content
{
	padding-top: 22px;
	padding-left: 22px;
	text-align: center;
}

.column_right
{
	float: right;
	overflow: hidden;
	width: 336px;
}

.right_content
{
	padding-top: 22px;
	padding-right: 22px;
	text-align: center;
}

.center_content
{
	padding: 22px;
	width: 100%;
	text-align: center;
}

.minor_content_left
{
	float: left;
	overflow: hidden;
	width: 336px;
	
	background-repeat: repeat-x;
	background-image: url(images/red_gradient.jpg);
}

.minor_content_right
{
	float: right;
	overflow: hidden;
	width: 336px;
	
	background-repeat: repeat-x;
	background-image: url(images/red_gradient.jpg);
}

.minor_content_center
{
	overflow: visible;
	min-height: 150px;
	
	background-repeat: repeat-x;
	background-image: url(images/red_gradient.jpg);
}

.text_left
{
	float: left;
	width: 320px;
}

.text_right
{
	float: right;
	width: 320px;
}

.category_list
{
	padding-left: 22px;
	padding-top: 22px;
	padding-bottom: 15px;
	overflow: hidden;
}

.subcategory_list
{
	padding-left: 2px;
	padding-top: 22px;
	padding-bottom: 15px;
	overflow: hidden;
}

.category_list a
{
	text-decoration: none;
	color: #CC3333;
}

.category_list a:hover
{
	text-decoration: underline;
}


.category_item
{
	clear: left;
}

.screenshot_item
{
	clear: left;
	padding-top: 12px;
}

.category_text
{
	float: left;
	width: 220px;
	margin-left: 12px;
}

.category_icon
{
	float: left;
	padding-left: 22px;
	padding-right: 8px;
}

.subcategory_text
{
	float: left;
	width: 220px;
	margin-left: 12px;
	padding-top: 6px;
	
	max-width: 160px;
}

.big_link
{
	font-size: 17px;
	text-decoration: none;
	font-weight:500;
	color: #CC3333;
}

.big_link:hover
{
	text-decoration: underline;
}

.blue_header
{
	height: 32px;
	padding-left: 12px;
	padding-top: 8px;
	
	background-image: url(images/triangle_blue.jpg);
	background-repeat: no-repeat;
	background-position: 0% 100%;
}

.blue_header a
{
	color: #FFFFFF;
	text-decoration: none;
}

.in_line span
{
	display:inline-block;

}
.green_header
{
	height: 32px;
	padding-left: 12px;
	padding-top: 8px;
	
	background-image: url(images/triangle_green.jpg);
	background-repeat: no-repeat;
	background-position: 0% 100%;
}

.orange_header
{
	height: 32px;
	padding-left: 12px;
	padding-top: 8px;
	
	background-image: url(images/triangle_orange.jpg);
	background-repeat: no-repeat;
	background-position: 0% 100%;
}

.dark_orange_header
{
	height: 32px;
	padding-left: 12px;
	padding-top: 8px;
	
	background-image: url(images/triangle_dark_orange.jpg);
	background-repeat: no-repeat;
	background-position: 0% 100%;
}

.red_header
{
	height: 32px;
	padding-left: 12px;
	padding-top: 8px;
	
	background-image: url(images/triangle_red.jpg);
	background-repeat: no-repeat;
	background-position: 0% 100%;
}

.red_text
{
	font-size: 16px;
	color: #CC3333;
	font-weight: bold;
}

.coupon_link div
{
	margin-top:10px;
	display:inline-block;
}

.coupon img
{
	margin:0px;
	padding:0px;
	border:none;
	display:block;
	
}

.form_table input
{
	padding: 0px;
	margin: 4px;
}

.floatleft
{
	float: left;
}

.floatright
{
	float: right;
}

.clear
{
	clear: both;
}

.login_input
{
	color:#777777;
}

.error
{
	color:#FF0000;
	font-weight: bold;
}

.left_image
{
	float: left;
	padding: 10px;
}

.design_package
{
	border: 1px solid #000000;
	padding: 10px;
}

.design_package h4
{
	color: #CC3333;
	font-size: 13px;
	font-weight: bold;
}

.order_form td
{
	font-weight: bold;
	padding-bottom: 8px;
}

.radio_desc
{
	display: inline;
	font-weight: normal;
}

.radio_red
{
	color: #CC3333;
	display: inline;
	font-weight: bold;
}

/* Styles for the unsermanages and the license manager pages */

.account_options li
{
	margin-bottom:7px;

}

.account_options a
{
	text-decoration:none;
	font-weight:700;
}

.manager
{
	width:670px;
	
	overflow:auto;

}

.manager a
{
	text-decoration:none;
	color:#000000;
}

.manager .addMatButton
{
	background-image:url(images/buttons/addMatButton.png);
	background-repeat:no-repeat;
	display:inline-table;
	width:130px;
	height:20px;
	cursor:pointer;
}

.manager table
{
	table-layout:fixed;
	border-collapse: collapse; 
	border-width:2px;
	border-color:#003366;
	border-style:ridge;
	text-align:center;
	
}

.manager tbody
{
	/*height:250px;
	overflow:scroll;*/
	width:100%;
	z-index:10;

}
.manager .table_header
{	
	background-image:url(images/table_header_gradient.jpg);
	max-height:20px;
	display:table-row;
}


.manager .table_header td, .manager .table_header th
{
	color:#000000;
	padding-left:4px;
	padding-right:4px;
	overflow:hidden;
	white-space:nowrap;
	border:solid;
	border-color:#336699;
	border-width:1px;
	/*height:20px;*/

}



.manager .table_top_header_materials
{	
	background-color:#c5cbeb;
	background-image:url(images/manager_table_gradient.jpg);
	background-position:top;
	
	background-repeat:repeat-x;
}

.table_top_header_materials th, .table_top_header_materials table
{
	padding:none;
	/*padding-right:4px;
	padding-left:4px;
	padding-bottom:4px;*/
	height:16px;
	border: none;
} 
.manager .material_manager
{
	width:97%;
}
.material_manager .material_description
{
	width:23%;
	border-right-color:#000;
	border-right-style:solid;
	border-right-width:1px;
}
.material_manager .material_type
{
	width:5%;
	border-right-color:#000;
	border-right-style:solid;
	border-right-width:1px;
}
.material_manager .material_species
{
	width:7%;
	border-right-color:#000;
	border-right-style:solid;
	border-right-width:1px;
}
.material_manager .material_grade
{
	width:7%;
	border-right-color:#000;
	border-right-style:solid;
	border-right-width:1px;
}
.material_manager .material_gauge
{
	width:7%;
	border-right-color:#000;
	border-right-style:solid;
	border-right-width:1px;
}
.material_manager .material_length
{
	width:7%;
	border-right-color:#000;
	border-right-style:solid;
	border-right-width:1px;
}
.material_manager .material_depth
{
	width:7%;
	border-right-color:#000;
	border-right-style:solid;
	border-right-width:1px;
}
.material_manager .material_width
{
	width:7%;
	border-right-color:#000;
	border-right-style:solid;
	border-right-width:1px;
}
.material_manager .material_unit
{
	width:7%;
	border-right-color:#000;
	border-right-style:solid;
	border-right-width:1px;
}
.material_manager .material_finish
{
	width:10%;
	border-right-color:#000;
	border-right-style:solid;
	border-right-width:1px;
}
.material_manager .material_width_depth
{
	width:15%;
	border-right-color:#000;
	border-right-style:solid;
	border-right-width:1px;
}
.material_manager .material_width_depth
{
	width:15%;
	border-right-color:#000;
	border-right-style:solid;
	border-right-width:1px;
}
.material_manager .material_width_length
{
	width:15%;
	border-right-color:#000;
	border-right-style:solid;
	border-right-width:1px;
}
.material_manager .material_model
{
	width:13%;
	border-right-color:#000;
	border-right-style:solid;
	border-right-width:1px;
}
.material_manager .material_manufacturer
{
	width:10%;
	border-right-color:#000;
	border-right-style:solid;
	border-right-width:1px;
}
.material_manager .material_price
{
	width:12%;
}

.material_manager .material_sku
{
	width:12%;
}

.material_manager .material_list_even td
{
	border-bottom:thin solid #000000;
	border-left:thin solid #000000;
	background-color:#EFEFEF;
	text-align:left;
}

.material_manager .material_list_odd td
{
	border-bottom:thin solid #000000;
	border-left-width:thin;
	border-left-style:solid;
	border-left-color:#000000;
	text-align:left;

}

.material_item .table_header
{
	font-size:11px;
	text-align:left;
}

select.replaced
{
	display:none;	
}

ul.selectReplacement {
  background: #fff;
  background-image:url(images/icons/selectArrow.png);
  background-position:right;
  background-repeat:no-repeat;
  padding-left: 0;
  padding-right:0;
  margin-right:10;

  height: 1.4em;
  display:block;
  width:96%;
  text-align:left;
  color:#000000;
  border-color:#555555;
  border-style:solid;
  border-width:1px;
  float:left;
  
}
ul.selectReplacement li {
  background: #ddd;
  color: #000000;
  cursor: pointer;
  display: none;
  font-size: 11px;
  line-height: 1.3em;
  list-style: none;

  position:relative;


}
ul.selectOpen li {
  display: block;
  border-bottom-color:#555555;
  border-bottom-style:solid;
  border-bottom-width:1px;
  margin-right:16px;
}
ul.selectReplacement li.selected {
  background: none;
  color: #000;
  display: block;
}
ul.selectOpen li.selected {
  background: #999;
  display: block;
}
ul.selectOpen li:hover,
ul.selectOpen li.hover,
ul.selectOpen li.selected:hover {
  background: #121212;
  color: #fff;
}


.manager .table_body td, .manager .table_body_cell
{
	padding-left:1px;
	padding-right:1px;
	border:none;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#999999;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#999999;
	height:20px;
	/*white-space:nowrap;*/
} 

.manager .user_disabled td
{
	background-color:#CC0000;

}

.manager_controls{}
.manager_controls table
{
	height:16px;
	border-collapse:collapse;
	border:none;
	padding:0px;
	margin:0px;

	
}
.manager_controls th
{
	padding:0px;
	padding-right:4px;
	padding-left:4px;
	background-image:url(images/manager_table_gradient.jpg);
	height:16px;
	
}

.manager_controls a
{
	cursor:pointer;
	display:inline-block;
	height:16px;
}

.manager_controls .man_edit{
	background-image:url(images/icons/page_edit.png);
	background-position:left;
	text-align:right;
	width:16px;
	height:16px;
	display:inline-block;
	background-repeat:no-repeat;

}
.manager_controls .man_new{
	background-image:url(images/icons/page_add.png);
	background-position:left;
	text-align:right;
	vertical-align:baseline;
	width:16px;
	height:16px;
	display:inline-block;
	background-repeat:no-repeat;
	/*Whatever element is on the far left needs this*/
	
}
.manager_controls .man_delete{
	background-image:url(images/icons/bin.png);
	background-position:left;
	text-align:right;
	width:16px;
	height:16px;
	display:inline-block;
	background-repeat:no-repeat;

}
.manager_controls .man_deactivate{
	background-image:url(images/icons/delete.png);
	background-position:left;
	text-align:right;
	width:16px;
	height:16px;
	display:inline-block;
	background-repeat:no-repeat;

}
.manager_controls .man_activate{
	background-image:url(images/icons/accept.png);
	background-position:left;
	text-align:right;
	width:16px;
	height:16px;
	display:inline-block;
	background-repeat:no-repeat;

}


.manager .material{
	
	background:url(images/material_button_background.jpg);
	background-position:center;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	background-repeat:repeat-x;
	border-style:solid;
	border-color:#000000;
	border-width:thin thin thin 0;
	margin: 1px 1px 1px 0;
	height:17px;
	width:100%;
}

.popup 
{
	position:absolute;
	float:right;
	background-color:#FEFEFE;
	background-image:url(images/green_gradient.jpg);
	background-repeat:repeat-x;
	border-style: ridge;
	border-color:#0066CC;
	border-width:2px;


}

.update
{
	/*min-height:150px;*/
	padding:10px;
}

.save 
{
	/*min-height:150px;*/
	padding:10px;
}

.saveButton
{
	background-image:url(images/buttons/save.png);
	background-repeat:no-repeat;
	width:45px;
	height:32px;
	cursor:pointer;
	display:inline-block;
	float:left;
}

/* These are for the edit materials page */
.saveButtonDepressed 
{
	background-image:url(images/buttons/saveDepressed.png);
	background-repeat:no-repeat;
	width:45px;
	height:32px;
	cursor:pointer;
	display:inline-block;
	float:left;
}
.clearChangesButton
{
	background-image:url(images/buttons/clearUnsaved.png);
	background-repeat:no-repeat;
	width:140px;
	height:32px;
	cursor:pointer;
	display:inline-block;
	float:left;
}


.clearChangesButtonDepressed 
{
	background-image:url(images/buttons/clearUnsavedDepressed.png);
	background-repeat:no-repeat;
	width:140px;
	height:32px;
	cursor:pointer;
	display:inline-block;
	float:left;
}

.searchButton
{
	background-image:url(images/icons/search-23px.png);
	background-repeat:no-repeat;
	display:inline-block;
	vertical-align:sub;
	width:23px;
	height:23px;
	cursor:pointer;
	margin-left:2px;
}

.matSearchBox
{
	vertical-align:bottom;
	input style="display:inline-block;
	position:relative;
}

.matSearchBox input
{
	height:19px;
}

.greenMessageBox
{
	background:#7AF400;
	border:thin solid #000000;
	width:175px;
	opacity:1;
	filter:alpha(opacity=100);
}
.redMessageBox
{
	background:#EE1111;
	border:thin solid #000000;
	width:175px;
	opacity:1;
	filter:alpha(opacity=100);
}
/* End edit materials section */
.newLicense
{
	padding:10px;
}

.newLicense .licenseTypeSelect
{
	text-align:left;

}

.popup .buttonContainer
{

}

.popup .saveButton
{
	background-image:url(images/buttons/saveNewUser.png);
	background-repeat:no-repeat;
	display:inline-table;
	width:60px;
	height:20px;
	cursor:pointer;
}
.popup .closeButton
{
	background-image:url(images/buttons/cancelNewUser.png);
	background-repeat:no-repeat;
	display:inline-table;
	width:60px;
	height:20px;
	cursor:pointer;
}

.popup .updateButton
{
	background-image:url(images/buttons/updateUser.png);
	background-repeat:no-repeat;
	display:inline-table;
	width:60px;
	height:20px;
	cursor:pointer;
}

.popup .xButton
{
	position:absolute;
	right:0px;
	top:0px;
	background-image:url(images/buttons/xButton.png);
	background-repeat:no-repeat;
	display:inline-table;
	width:20px;
	height:20px;
	cursor:pointer;
}

.popup table
{
	position:relative;
	/*left:10px;*/
	margin-top:24px;
	margin-bottom:5px;
	border-collapse:collapse;
	border-style:solid;
	border-color:#efefef;
	border-width:thin;
	background:#E8E4D0
}
.popup .table_header
{	
	background-image:url(images/table_header_gradient.jpg);
	height:16px;
}
.popup .popUpTableRow td
{
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	border-spacing:14px;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-color:#000066;
	
}

.popup .popUpTableRow .manageUserError
{
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-color:#000066;
	background-color:#FF0000;
}

.popup .firstName
{
	border-bottom-style:inset;
	border-bottom-width:1px;
	border-color:#C5CECF;

}
.popup .firstName input, .popup .lastName input
{
	width:80px;
}

.popup .errorBox
{
	background-color:#CC151A;
	display:none;
	font-weight:bold;
	border:medium;
	border-color:#333333;
	border-style:inherit;
	border-spacing:2px;
	padding:2px;
}

.pagination, .pagination a
{
	width:97%;
	font-weight:bold;
	color:#CC6600;
}

.pagination_current
{
	color:#660099 !important; /* This makes it colored! I don't know why it needs to me important but something else overrides it if its not */
	font-weight:900;
}