/*
Randy's Default Styles
*/

h1 { font-size:26px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
p { font-size:12px; }
small { font-size:9px; }
blockquote { padding: 20px; background-color:#CCCCCC; font-size:11px; font-style:oblique; }
ol li, ul li  { font-size: 12px; padding-bottom: 4px; }
ul li { list-style-type:none; }
fieldset { padding-left: 14px; padding-right: 14px; border: 1px solid #CCCCCC; }
form { padding: 8px;  }
input, select, textarea { border: 1px solid #000000; }
dl { padding: 4px; background-color: #F5F5F5; width: 500px; }
dt { padding: 4px; width: 156px; font-weight: bold; border-bottom: 1px dashed #CCCCCC; }
dd { padding: 8px; font-size: 10px; font-style:italic; }
td { font-size: 10px; }

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	/*background: #FFFFFF url(images/img1_prof.gif) repeat-x;*/
	background: #666666;
	font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Verdana,"Trebuchet MS";
	font-size: 11px;
	/*font: normal small sans-serif;*/
	color: #000000;
}

h1, h2, h3, h4, h5, h6 {
	color: #20476D;
}

a {
	text-decoration: none;
	color: #3030CC;
}

a:hover {
	text-decoration: underline;
	color: #E69F06;
}

/* Header */

#header {
	width: 900px;
	height: 140px;
	margin: 0 auto;
}

/* Logo */

#logo {
	float: left;
	padding: 0;
	margin-left: 20px;
}

#logo * {
	margin: 0;
	text-decoration: none;
	font-weight: normal;
	color: #878C66;
	margin-left: -22px;
	margin-top: 4px;
	z-index: 100;
}

#logo h1 {
	letter-spacing: -2px;
	font-size: 2.8em;
}

#logo h2 {
	margin-top: -5px;
	padding-left: 2px;
	font-size: 1em;
}

/* Menu */

#menu {
	float: right;
	width: 587px;
}

#menu ul {
	margin: 0;
	padding: 69px 0 0 0;
	list-style: none;
}

#menu li {
	display: inline;
	font-size:14px;
}

#menu a {

	display: block;
	float: left;
	height: 22px;
	margin-left: 2px;
	padding: 8px 15px 0 15px;
	background-color:#3363A1;
	background-image:url(images/tab-off-bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	border-left:1px solid #759BC7;
	border-right:1px solid #759BC7;
	border-top:1px solid #759BC7;
	 font-weight: bold;
	 font-size:14px;
	color: #666666;
}

#menu .active a, #menu a:hover {
	background-color:#6696D6;
	background-image:url(images/tab-on-bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	text-decoration: none;
	font-size:14px;
	color:#FFFFFF;
}

/* Content */

#content {
	width: 900px;
	margin: 0 auto;
}

/* Column One */

#colOne {
	float: right;
	width: 670px;
}

#colOne .post {
	
	margin-bottom: 3em;
}

#colOne .title {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #C9CCB9;
	font-size: 1.6em;
}

#colOne .posted, #colOne .meta {
	margin: 0;
	text-align: right;
	font-size: xx-small;
}

#colOne .posted {
	margin-top: -13px;
}

#colOne .meta {
	border-top: 1px solid #C9CCB9;
}

#colOne .meta p {
	margin: 0;
}

/* Column Two */

#colTwo {
	float: left;
	width: 208px;
	
}

#colTwo #textfield1 {
	width: 170px;
}

#colTwo #submit1 {
	display: none;
}

#colTwo ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#colTwo li h2 {
	margin: 0;
	padding: 0;
	line-height: 100%;
	
	
}

#colTwo li h2 span {
	
	padding: 5px 10px;
		
	background-image:url(images/table_title_gradient.gif);
	background-position:left top;
	background-repeat:repeat-x;
	border: 1px solid #C9CCB9;
	border-bottom: none;
	text-transform: uppercase;
	font-size: 14px;
	color: #FFFFFF;
	
}

#colTwo li ul, #colTwo li form {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #C9CCB9;
	background-color:#EAEDF0;
	
}

/* Footer */

#footer {
	width: 700px;
	margin: 0 auto;
	padding: 1em;
	border-top: 1px solid #C9CCB9;
}

#footer p {
	font-size: xx-small;
}

.companylogo {
width: 350px; 
height: 300px; 
overflow: scroll;
}
.error { color:#AA0000; }
.errorUsers {
background:url(images/error_block.png) no-repeat ;
margin: 4px;
padding: 20px;
padding-top: 80px;
font-size:12px;
color:#FFFFFF;
}
.required {
color:#AA0000; 
}

.userTreeRow { float: left; border:1px solid black; width: 100%; margin:2px; padding:2px; clear:both;}
.userTreeRow div { margin: 2px; padding: 4px;  border:1px solid #EEEEEE; float: left; }
.userTreeIDNum {   }
.userTreeLink {   }
.userTreeDeactivate { }
#ysearchcontainer{ z-index: 1; background-color:#FFFFFF}
#searchForm {background-color:#FFFFFF;}
.yui-ac-highlight {outline: #43638F solid thin ;}
.siteTable{
	width: 100%;
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #43638F;
	padding: 2px;
	font-size:10px;
	
}

.tablerow1 {
	background-color:#EAEDF0;
	border-color:#FFFFFF rgb(193, 190, 190) rgb(193, 190, 190) rgb(255, 255, 255);
	border-style:solid;
	border-width:1px;
	padding:6px;
	font-size:10px;
}

.tableheader, .tableheaderalt {
	background-color:#3363A1;
	background-image:url(images/table_title_gradient.gif);
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:8px 0px 8px 5px;
	vertical-align: middle;
	height: 24px;
		clear:both;
}

.tableheader, .tableheaderalt a{
	color: #FFFFFF;
}
.tableheader, .tableheaderalt a:hover{
	color: #FFFFFF;
}	
.menuwrap {
	border-bottom:1px solid #E3E3E3;
	margin:2px;
	padding-bottom:3px;
}
.yui-navset{
	
	width: 490px;
	border-bottom: solid #5A7BA7 1px;
}

yui-nav {
	float: bottom;
	font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Verdana,"Trebuchet MS";
	font-size: 11px;
	color: #FFFFFF;
	white-space: nowrap;
	

}

ul.yui-nav { 
	padding: 0;
	margin: 0;
	clear: right;
}

.yui-nav li {
display: inline;
}

.yui-nav a {
	display: inline;
	float: left;
	background-color:#3363A1;
	background-image:url(images/tab-off-bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	border-left:1px solid #759BC7;
	border-right:1px solid #759BC7;
	border-top:1px solid #759BC7;
	 font-weight: bold;
	 font-size:14px;
	color: #666666;
	text-transform:uppercase;
	height:22px;
margin:0 0 -1px 2px;
padding:8px 15px 1px 8px;
	
}

#tab1,#tab2,#tab3,#tab4{
padding: 0px;
margin:0px;
	
}

.yui-nav .selected a {
background-color:#6696D6;
	background-image:url(images/tab-on-bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	text-decoration: none;
	font-size:14px;
	color:#FFFFFF;
text-transform:uppercase;
}


.yui-nav li{

	display: inline;
	font-size:14px;
}


.userform{
	background-color: #FFFFFF;
	padding: 0px;
}

.yui-content .formlabel{
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}
.yui-content .formnput{
  display: block;
  float: left;
  width: 300px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}
.tableborder {

border-bottom: 1px solid #5D789C;
border-left: 1px solid #5D789C;
border-right: 1px solid #5D789C;

}
.tablerow2 {
background-color:#F1F1F1;
border-color:#FFFFFF rgb(193, 190, 190) rgb(193, 190, 190) rgb(255, 255, 255);
border-style:solid;
border-width:1px;
padding:6px;
}


.realbutton {
background-color:#E7E7E7;
border:1px solid #999999;
cursor:pointer;
font-family:Verdana,Arial;
font-size:10px;
font-weight:bold;
padding:4px;

}


#leftSales {
	float: left;
	width: 230px;;
}

#rightSales { 
	margin: 0;
	float: left;
	width: 415px;
	height: 1% /* Holly hack for Peekaboo Bug */
}
    
    
.salesLabel{
	 width: 6em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

#subcontainer{
	margin: 0;
	float: left;
	width: 100%;
	display: block;
	position: relative;
}    
    
#savediv {
	
	float:right;	
}

#loginform {
	width: 100%;
	float:left;
	clear:both;
}

#loginform label {
display:block;
float:left;
margin:0pt 0pt 5px;
padding:3px 15px;
text-align:right;
width:70px;
}

#loginform .formfields {
	padding: 1px;
	clear:both;
	float:left;
	width: 250px;
}
#loginform .formfields input {
	
	font-size:16px;

}

#loginFormText {
	margin: 8px;
	clear: both;

}

.warningBox {
        background-color:#A52A2A;
        padding:12px;
        border: 3px solid orange;
        color:#FFF;
}
.warningBox h1 {
        font-size: 24px;
        color: yellow;
        padding:4px;
}
.warningBox a, .warningBox a:visited, .warningBox a:link {
        color:yellow;
}
.warningBox p {
        color: #FFF;
}