@import "reset.css";

body {
	background-color: #fff;
	background-image: url('../images/gradient.png');
	background-repeat: repeat-x;
	background-attachment:fixed;
	font-family: Arial,sans-serif;
}

div#container {
	margin: 0px auto;
	width: 866px;
}

div#head {
	height: 100px;
	font-size: 70%;
	color:	#fff;
}

div#head a{
	color: #fff;	
	text-decoration:none;
}

div#head div#logo{
	height: 80px;
	width: 300px;
	background-image: url('../images/logo.png');
	background-repeat: no-repeat;
}

div#head div#logo div#logolink{
	height: 80px;
	width: 300px;
	background-repeat: no-repeat;
}

div#head div#links{
	margin-left: 325px;
	margin-top: -70px;
	width: 285px;
}

div#head div#login{
	margin-top: -10px;
	width: 271px;
	float: right;
}

div#head div#login form input{
	margin-top: 1px;
	margin-left: 6px;
	width: 100px;
	font-size: 11px;
	float: left;
}

div#head div#login form input#login{
	margin-top: 0px;
	height: 25px;
	width: 45px;
	float: left;
	
	background-image: url("../images/login_button.png");
	background-repeat: no-repeat;
}

a#logout{
	margin-top: -10px;
	height: 25px;
	width: 50px;
	float: right;
	
	background-image: url("../images/logoutt_button.png");
	background-repeat: no-repeat;
}

img#logout{
	height: 25px;
	width: 50px;
	background-image: url('../images/logoutt_button.png');
	background-repeat: no-repeat;
}

div#head div#login div#help{
	margin-left: 10px;
}

div#head div#sites{
	margin-top: 10px;
	width: 150px;
	float: right;
	clear: right;
}

div#head div#sites a#dropdown{
	height: 25px;
	width: 150px;
	background-image: url("../images/glsites_bigger.png");
	background-repeat: no-repeat;
	float: left;
}

div#head div#sites div#list_container{
	margin-top: 25px;
	margin-left: -70px;
	_margin-left: -220px;
	height: 250px;
	width: 220px;
	display: none;
	float: left;
	position: absolute;
	background-color: #FFF;
	z-index: 100;
	overflow: none;
	
}

div#head div#sites div#list_container iframe{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	height: 250px;/*must have for any big value*/
	width: 220px;/*must have for any big value*/
}

div#head div#sites div#list_container ul#list{
	height: 248px;
	width: 218px;
	border: 1px solid #555;
}

div#head div#sites div#list_container ul#list li{
	font-size: 120%;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

div#head div#sites div#list_container ul#list li a{
	color: #111;
}




div#middle {

}

div#middle div#tabs {
	height: 35px;
	text-align: center;
	border-bottom: 3px solid #058a9b;
}

div#middle div#tabs a{
	color: #fff;
	float: left;
	text-decoration:none;
}

div#middle div#tabs div.active{
	height: 35px;
	width: 154px;
	background-image: url("../images/active.png");
	float: left;
}

div#middle div#tabs div.inactive{
	height: 35px;
	width: 154px;
	background-image: url("../images/inactive.png");
	float: left;
}

div#middle div#tabs div.spacer{
	height: 35px;
	width: 1px;
	float: left;
}

div#middle div#tabs div.label{
	margin-top: 10px;
	height: 15px;
}

div#middle div#content {
	min-height: 560px;
	background-color: #fff;
	background-image: url('../images/subpages_middle_background.png');
	background-repeat: repeat-x;
	background-position: bottom;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.images{
    margin-left: 50px;
    float: left;
}

div#middle div#contentsmall {
	min-height: 460px;
	background-color: #fff;
	background-image: url('../images/subpages_middle_background.png');
	background-repeat: repeat-x;
	background-position: bottom;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

div#middle div#flare {
	height: 400px;
	width: 100px;
	float: left;
}

div#middle div#flare img#search_pagetitle{
	height: 150px;
	width: 100px;
	background-image: url('../images/searchwarehouse_pagetitle.png');
	background-repeat: no-repeat;
}

div#middle div#flare img#warehouse_pagetitle{
	height: 150px;
	width: 100px;
	background-image: url('../images/warehouse_pagetitle.png');
	background-repeat: no-repeat;
}

img#mywarehouses_pagetitle{
	height: 150px;
	width: 100px;
	background-image: url('../images/mywarehouses_pagetitle.png');
	background-repeat: no-repeat;
}

img#myaccount_pagetitle{
	height: 150px;
	width: 100px;
	background-image: url('../images/myaccount_pagetitle.png');
	background-repeat: no-repeat;
}

img#warehousesdetail_pagetitle{
	height: 150px;
	width: 100px;
	background-image: url('../images/warehousesdetail_pagetitle.png');
	background-repeat: no-repeat;
}

img#signup_pagetitle{
	height: 150px;
	width: 100px;
	background-image: url('../images/signup_pagetitle.png');
	background-repeat: no-repeat;
}

img#company_pagetitle{
	height: 150px;
	width: 100px;
	background-image: url('../images/company_pagetitle.png');
	background-repeat: no-repeat;
}

img#industry_pagetitle{
	height: 150px;
	width: 100px;
	background-image: url('../images/industry_pagetitle.png');
	background-repeat: no-repeat;
}

img#help_pagetitle{
	height: 150px;
	width: 100px;
	background-image: url('../images/help_pagetitle.png');
	background-repeat: no-repeat;
}

img#contact_pagetitle{
	height: 150px;
	width: 100px;
	background-image: url('../images/contact_pagetitle.png');
	background-repeat: no-repeat;
}

img#sitemap_pagetitle{
	height: 150px;
	width: 100px;
	background-image: url('../images/sitemap_pagetitle.png');
	background-repeat: no-repeat;
}

img#signup{
	height: 35px;
	width: 75px;
	background-image: url('../images/signup_button.png');
	background-repeat: no-repeat;
}

input#login{
	height: 25px;
	width: 45px;
	background-image: url('../images/login_button.png');
	background-repeat: no-repeat;
}

div#middle div#widerFlare {
	height: 400px;
	width: 200px;
	float: left;
}



div#middle div#content div#subpane {
	width: 866px;
	background-color: #fff;
	background-image: url('../images/sub_pane_background.png');
	background-repeat: repeat-x;
	background-position: bottom;
}

div#middle div#content div#anchor{
	width: 866px;
	height: 40px;
	clear: both;
}

div#middle div#content div#subpane div#bigButtons {
	height: 175px;
}

div#bigButtons a, div#bigButtons img {
	float: left;
}

div#bigButtons img#post {
	width: 283px;
	height: 175px;
	background-image: url('../images/post_warehouse.png');
	background-repeat: no-repeat;
}

div#bigButtons img#signup {
	width: 283px;
	height: 175px;
	background-image: url('../images/free_signup.png');
	background-repeat: no-repeat;
}

div#bigButtons img#search {
	width: 283px;
	height: 175px;
	background-image: url('../images/search_warehouse.png');
	background-repeat: no-repeat;
}

div#bigButtons img#myaccount {
	width: 283px;
	height: 175px;
	background-image: url('../images/my_account.png');
	background-repeat: no-repeat;
}

div#bigButtons img#mywarehouse {
	width: 283px;
	height: 175px;
	background-image: url('../images/my_warehouse.png');
	background-repeat: no-repeat;
}


div#bigButtons img.subdivide {
	width: 2px;
	height: 175px;
	background-image: url('../images/sub_pane_divide.png');
	background-repeat: no-repeat;
}

div#adtext{
	color: #aaa;
	margin-left: 12px;
	font-size: 70%;
}

div#adrule{
	height: 1px;
	width: 846px;
	
	margin-left: 10px;
	padding-bottom:7px;
}


div#foot {
	font-size: 70%;
	color: #333333;
}

div#foot a{
	color: #000;
	text-decoration:none;
}

div#foot div#poweredby{
	height: 30px;
	width: 120px;
	background-image: url('../images/poweredby.png');
	background-repeat: no-repeat;
	float: right;
}

div#foot div#links{
	margin-top:5px;
	float: left;
	height:20px;
}

div#foot div#info{
	float: left;
	clear: left;
}

div#mywarehouse {
	height: 185px;
	width: 866px;
	background-color: #fff;
	float: left;
	vertical-align:middle;
}

.space
{
height: 0.8em;
}

.mywarehouse
{
width: 300px;		
}

.message
{
margin-left: 30px;
margin-right: 25px;
font-size: 11pt;
}

.message ul {
margin-left: -15px;
}

#map_canvas{
	margin: 0px auto;
	width: 856px;
	height: 360px;
	visibility: visible;
}
#warehouseList{
	margin-top: 0px;
	margin-left: 0px;
	width: 856px;
	height: 0px;
	visibility: hidden;
	overflow: auto;
	background: #058A9B;
}

#bottomtab{
	width: 230;
	margin-left: -2px;
}

/*
#slider{
	display:none;
	overflow:hidden;
	height:275px;"
}*/
.activetabright{
	width:115px;
	height: 25px;
	background: url(../images/tabs_active.png) no-repeat;
	float: right;
	text-align: center;
	padding-top: 4px;
	visibility: hidden;
	margin-right: -1px;
	margin-top: -35px;
}

.activetab {
	width:115px;
	height: 25px;
	background: url(../images/upside_down_tabs_active.png) no-repeat;
	float: left;
	text-align: center;
	padding-top: 4px;
}
.inactivetab {
	width:115px;
	height: 25px;
	background: url(../images/upside_down_tabs_inactive.png) no-repeat;
	float: left;
	text-align: center;
	padding-top: 4px;
}

.activetabright a{
	color: #ffffff !important;
	text-decoration: none !important;
}

.activetab a{
	color: #ffffff !important;
	text-decoration: none !important;
}

.inactivetab a{
	color: #ffffff !important;
	text-decoration: none !important;
}

ul#ads {
	margin-left: 50px;
	height: 100px;
	width: 868px;
	xwidth: 804px;
}

ul#ads li{
	xmargin: 5px 10px;
	margin: 5px 5px;
	float: left;
}

ul#ads li.arrow{
	margin: 0px;
}

ul#ads li.arrow img{
	margin-top: 32px;
}

.warning {
color: #ff0000;
font-size: 0.9em;
padding-left: 10px;
padding-right: 20px;
}

table.image{
width: 320px;

border-collapse: collapse;
border-spacing: 0px;
}

div.image{
width: 320px;
height: 270px;
border-collapse: collapse;
border-spacing: 0px;    
margin-left:40px; 
}

div.imagepost{
width: 320px;
height: 440px;
border-collapse: collapse;
border-spacing: 0px;    
margin-left:40px; 
}

div.imagedelete{
width: 320px;
height: 390px;
border-collapse: collapse;
border-spacing: 0px;    
margin-left:40px; 
}


div.imagedeletenoimage{
width: 320px;
height: 120px;
border-collapse: collapse;
border-spacing: 0px;    
margin-left:40px; 
}

div#middle div#tabs div.fileinputs{
	margin-top: 10px;
	height: 25px;
}
div#middle div#tabs div.fileinputspacer {
    height: 20px !important;
    width:250px;
}

.directoryList{
	
	list-style: circle;
	list-style-position: inside;
	margin-left:25px;
	margin-right:10px;
}

.directoryList li{
	
	margin-bottom:5px;
}

.directoryList li ul{
	
	font-size:small;
	font-weight:normal;
	margin-left:25px;
	margin-top:5px;
}

.Failed{
    color: red;
    font-size: 11px;
}

.Success{
    color: green;
    font-size: 11px;
}

.imageTag1{
    position:absolute;
    width:14px;
    height:16px;
    color:#000000;
    padding-left:3px;
    padding-top:3px;
    background-color: #ffffff;
    border: 1px #d79900 solid;
    font-size: x-small;
    font-weight: bolder;
    opacity:0.6;
    text-decoration: none;
}
.imageTag2{
    position:absolute;
    margin-left: 208px;
    width:14px;
    height:16px;
    color:#000000;
    padding-left:3px;
    padding-top:3px;
    background-color: #ffffff;
    border: 1px #d79900 solid;
    font-size: x-small;
    font-weight: bolder;
    opacity:0.6;
    text-decoration: none;
}
.imageTag3{
    position:absolute;
    margin-left: 208px;
    margin-top: 89px;
    width:14px;
    height:16px;
    color:#000000;
    padding-left:3px;
    padding-top:3px;
    background-color: #ffffff;
    border: 1px #d79900 solid;
    font-size: x-small;
    font-weight: bolder;
    opacity:0.6;
    text-decoration: none;
    
}

.imageTag4{
    position:absolute;
    margin-left: 208px;
    margin-top: 178px;
    width:14px;
    height:16px;
    color:#000000;
    padding-left:3px;
    padding-top:3px;
    background-color: #ffffff;
    border: 1px #d79900 solid;
    font-size: x-small;
    font-weight: bolder;
    opacity:0.6;
    text-decoration: none;
}

.imageSpacer{
    float:right;
    width:110px;
    height:4px;
}

.thumbLarge{
    float:left;
    width:195px;
    height:260px;
    border: 1px #d79900 solid;
}

.thumbSmall{
    float:right;
    width:110px;
    height: 83px;
    border: 1px #d79900 solid;
}


.imageTag1View{
    position:absolute;
    width:14px;
    height:16px;
    color:#000000;
    padding-left:3px;
    padding-top:3px;
    background-color: #ffffff;
    border: 1px #d79900 solid;
    font-size: x-small;
    font-weight: bolder;
    opacity:0.6;
    text-decoration: none;
}
.imageTag2View{
    position:absolute;
    margin-left: 208px;
    width:14px;
    height:16px;
    color:#000000;
    padding-left:3px;
    padding-top:3px;
    background-color: #ffffff;
    border: 1px #d79900 solid;
    font-size: x-small;
    font-weight: bolder;
    opacity:0.6;
    text-decoration: none;
}
.imageTag3View{
    position:absolute;
    margin-left: 208px;
    margin-top: 89px;
    width:14px;
    height:16px;
    color:#000000;
    padding-left:3px;
    padding-top:3px;
    background-color: #ffffff;
    border: 1px #d79900 solid;
    font-size: x-small;
    font-weight: bolder;
    opacity:0.6;
    text-decoration: none;
    
}

.imageTag4View{
    position:absolute;
    margin-left: 208px;
    margin-top: 178px;
    width:14px;
    height:16px;
    color:#000000;
    padding-left:3px;
    padding-top:3px;
    background-color: #ffffff;
    border: 1px #d79900 solid;
    font-size: x-small;
    font-weight: bolder;
    opacity:0.6;
    text-decoration: none;
}

span.red {
	color: #cc0000;
	font-weight: bold;
	font-size: 12px;
	padding-left: 20px !important;
	padding-right: 20px !important;
	}

span.redlight {
	color: #cc0000;
	font-weight: bold;
	font-size: 12px;
	padding-left: 20px !important;
	padding-right: 20px !important;
	}
	
span.yellow {
	color: #cccc00;
	font-weight: bold;
	font-size: 12px;
	padding-left: 20px !important;
	padding-right: 20px !important;
	}

span.teal {
	color: #058A9B;
	font-weight: bold;
	font-size: 12px;
	padding-left: 20px !important;
	padding-right: 20px !important;
	}