/* 
*	SmartLogix Extranet
*	E-dreamz, Inc 2007 | jjohnson@edreamz.com
*
*/
body {
	background: #fff url(../../images/bg.jpg) repeat-x left top;
	text-align:center;
	margin: 0;
	padding: 0;
}

body, p, div, td {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}

a{text-decoration: none;}
a:hover{text-decoration: underline;}

h2{margin: 0; padding: 0 0 8px 0; color: #E08738; border-bottom: 1px solid #d5d5d5;}
h4{margin: 0 0 4px 0; padding: 0 0 6px 0; color: #ccc; border-bottom: 1px solid #d5d5d5;}

.center{text-align: center;}

.input{
	padding: 4px; 
	color: #525252; 
	font-family: Arial, sans-serif; 
	font-size: 14px;
	border: 1px solid #A7A6AA;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	margin: 2px;
	}

.field{
	margin: 10px 0;
}

.login p{
	font-size: 11px;
}

#container {
	width: 772px;
	/*border: 1px dashed #F00;*/
	margin: 0 auto;
	text-align:left;
}
 
#extranet-nav a{
	text-decoration: none;
	color: #c8c8c8;
}

#extranet-nav a:hover{
	color: #fff;
}

#extranet-nav .selected a{
	color: #e08738;
}
 
#extranet-nav  ul{
	margin: 7px 0 0 0; 
	padding: 0;
}

#extranet-nav ul li{
	float: left;
	display:block;
	width: 115px;
	background: #626262;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 0 12px 0;
	margin: 0 5px 0 0;
}

#extranet-nav ul li.selected{
	background: #fff;
}


#extranet-content{clear: both; width: 800px; padding: 10px; background: #fff;}
#extranet-content.login{margin: 75px auto; width: 400px;}

#listing{
	margin: 10px 0;
	width: 100%;
	font-size: 11px;
	}

#listing a{
	font-weight: bold;
	color: #e08738;
	text-decoration: none;
	
}

#listing th{
	background: #E08738;
	padding: 6px;
	color: #fff;
	border-bottom: 1px solid #ccc;
}
	
#listing td{
	padding: 6px 8px;
	border-bottom: 1px solid #ccc;
}

#listing tr.dark td{
	background: #eee;
	border-top: 1px solid #e4e4e4;
}

.files, .lt, .clients{
	width: 600px;
	float: left;
}

.clients{width: 500px;}

.logo, .addnew{
	width: 200px;
	float: right;
	text-align: right;
	}
	
.addnew{
	background: #F5F5F5;
	text-align: left;
	width: 250px;
	
}

.addnew .field{
	padding: 0 10px;
}

.addnew h4{border: 0; font-size: 14px; margin: 0; padding: 5px; color: #7c7c7c;}


.file{
	width: 175px;
	margin: 5px 10px 8px 15px;
	float: left;
	font-size: 12px;
}

.faq{border: 1px solid #d5d5d5; margin: 10px 0;}
.faq h5{margin: 0; padding: 5px; background: #ffc; font-size: 12px; color: #333;}
.faq p{margin: 0; padding: 10px 5px;}

div.product, .product {
	border-bottom: 2px solid #CCC;
	border-right:  1px solid #CCC;
	border-left: none;
	border-top: 4px solid #eb7b24;
	width: 198px;
	min-height: 200px;
	float: left;
	margin: 0 0 6px 0;
	overflow: hidden;
	padding: 15px 0 10px 0;
	text-align: center;
}

* html div.product {height: 230px;}

.product img{margin: 0 auto; border: 0;}
.product p{width: 180px; margin: 10px auto;}


.file a.title{
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 13px;
}



.file.pdf .title{

	background-image: url(../images/icons/pdf.gif);

}

.file.doc .title{

	background-image: url(../images/icons/doc.gif);

}

.file.xls .title{

	background-image: url(../images/icons/xls.gif);

}

.file.txt .title{

	background-image: url(../images/icons/txt.gif);

}

.file.ppt .title{

	background-image: url(../images/icons/ppt.gif);

}

.file.default .title{

	background-image: url(../images/icons/txt.gif);

}

.file.jpeg .title, .file.jpg .title, .file.bmp .title, .file.gif .title, .file.png .title{

	background-image: url(../images/icons/photo.gif);

}

#msg{
	border: 1px solid #ccc;
	margin: 5px 0;
	padding: 8px;
}

#msg.info{
	background: #ffc;
	border-color: #fcfca0;
}

#msg.success{
  border-color: #9c9;
  color: #060;
  background: #E2F9E3;
}

#msg.error{
  border-color: #c99;
  color: #fff;
  background: #c00;
}

#prodCat{
	/*border: 1px dashed #CCC;*/
	margin-top: 12px
}

#prodCat ul{
	list-style-image:url(../../images/bullet-gt.gif);
	line-height: 18px;
}

#footerBar {
	width: 800px;
	border-top: 5px solid #eb7b24;
	font-size:10px;
	font-weight: bold;
	text-align: left;
	padding: 6px 0;
	line-height:14px;
}

#footerBar a {
	color: #252525;
	text-decoration:none;
	/*margin-right: 12px;*/
}

#footerBar a:hover {
	text-decoration:underline;
}

#footerBar2 {
	background: url(/images/bg-footer-extranet.gif) no-repeat top left;
	width: 800px;
	height: 20px;
	color: #c0c0c0;
	font-size: 10px;
	text-align:left;
	padding: 7px 15px 0 15px;
	/*border: 1px dashed #F00;*/
}

#footerBar2 a {
	color: #06a0c4;
	text-decoration:none;
}

#footerBar2 a:hover {
	text-decoration:underline;
}

#footerCopyright {
	float: left;
	width: 520px;
	color: #FFE;
	/*border: 1px dashed #FFF;*/
}

#footerPhone {
	float: right;
	width: 200px;
	text-align: right;
	color: #FFE;
	padding-right: 30px;
	/*border: 1px dashed #FFF;*/
}

#byEdreamz {
	color:#CCC;
	font-size:10px;
	text-align:right;
	margin: 2px 4px 2px 0;
}

#byEdreamz a {
	color:#797979;
	text-decoration: none;
}

#byEdreamz a:hover {
	text-decoration: underline;
}