/* Toast CSS File */

/*------------------------
	Global Settings 
------------------------*/
* {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

img {
	border:none;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 20px;
	border-bottom: 1px solid #F4F4F4;
}

a {
	color: #EC5600;
}

ol {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 20px;
}

pre {
	margin: 0px 0px 0px 0px;
}

.company_a {
	color: #EC5600;
	text-decoration: none;	
}

#body {
	/*
	VARIABLE: 
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
	*/
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

a:hover {
	text-decoration: none;
}

/*------------------------
	welcome_view.php
------------------------*/
#left {
	width: 60%;
	float: left;
	margin-left: 1.5%;
	margin-right: 1.5%;
}

#right {
	width: 30%;
	float: left;
	margin-left: 1.5%;
	margin-right: 1.5%;
}

/*
#right {
	width: 30%;
	float: left;
	margin-left: 1.5%;
	margin-right: 1.5%;
	text-align: right;
}
*/

/*------------------------
	inc/banner.php 
------------------------*/
#banner {
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
}

#menuleft {
	/* text-align: left; */
	float: left;
}

#menuright {
	/* text-align: right; */
	float: right;
}

.menu {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	float: center;
    height: 30px;
}   
    
.menu ul {
    margin: 0;
    padding: 0; 
    list-style: none;
}   
    
.menu li {
    display: inline;
}

.menu a {
    padding: 0 20px 0 20px;
    border-left: 1px solid #DBDBDB;
    text-transform: lowercase;
    text-decoration: none;
    font-size: 13px;
    color: #3B3B3B;
}   
    
.first a {
    border: none;
}

.last a {
	padding: 0 0 0 20px;
}

#bar {
	/*padding-left: 4%;*/
	height: 56px; /* Height of logo.jpg */
	background-color: #FFBD33;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

#bar .logo {
	float: left;
}

#bar .search {
	float: right;
	vertical-align: center;
	padding: 15px 0 0 0;
}

#container {
	margin-left: auto;
	margin-right: auto;
	float: center;
	width: 800px;
}

.invert {
	/*
	background-color: #000;
	color: #EC5600;
	*/
}

/*------------------------
    inc/foot.php 
------------------------*/
#foot {
	clear: both;
	padding: 10px 0 0 0;
	text-align: center;
}

#footer {
	clear: both;
	padding: 10px 0 0 0;
	text-align: center;
	color: #777;
}

#footer a {
	color: #5D5D5D;
}

/*------------------------
    company_view.php
------------------------*/
#header {
	width: 100%;
}

#companyinfo {
	float: left;
}

#positions {
	float: right;
}

#address {
	clear: both;
	text-align: left;
	color: #777;
	padding: 0 0 10px 0;
}

.review {
	float: left;
	width: 32%;
}

.browse {
	margin-bottom: 4px;
	text-indent: -2em;
}

#metric_wrap {
	/* 
	Not fluid!!!
	Currently equal to 25px
	times max number of columns. 
	*/
	height: 130px;
}

#metric_name {
	font-color: #000;
	clear: both;
	float: left;
	height: 25px;
	width: 72%;
	font-size: 0.78em;
}

#metric_avg {
	float: right;
	text-align: right;
	font-size: 0.78em;
	height: 25px;
	width: 28%;
}

#metric_header {
	clear: both;
	font-size: 1em 
	font-weight: bolder;
}

#metric_review {
	clear: both;
	font-size: 0.8em;
}

#metric_review a {
	/* color:  */
}

#thanks {
	color: red;
	font-weight: bold;
}

#compensation {
	padding-right: 8px;
}

#interview {
	padding-right: 8px;
	padding-left: 8px;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

#environment {
	padding-left: 8px;
}

/*------------------------
    write_view.php
------------------------*/
#content {
	width: 100%;
}

#review_details {
	font-size: 1.2em;
	font-color: #999;
}

#inf {
	display: block;
	/*border: 1px solid #000;*/
}

#int {
	display: none;

}

#cmp {
	display: none;
}

#env {
	display: none;
}

#tabs ul {
	margin-top: -18px; /* CSS hack for IE6. */
	list-style: none;
}

#tabs li {
	display: inline;
	float: left;
	border: solid;
	border-width: 1px 1px 0 1px;
	margin: 18px 15px 0 0; /* CSS hack for IE6. */
	border-color: #FFBD33;
}

#tabs a {
	padding: 0 1em;
	text-decoration: none;
	font-weight: bolder;
}

.content {
	clear: both;
	border: 1px solid;
	border-width: 1px 0 0 0;
	border-color: #FFBD33;
	background: #FFFFFF;
}

.formcontent {
	width: 100%;
	border-spacing: 2px;
}

.writecolumnwidth {
	width: 330px;
}

.write {

}

#back {
	margin-top: 10px;
	float: left;
}

#next {
	margin-top: 10px;
	float: right;
}

/* For initialization. */
#tabinf {
	background: #FFFFFF;
	position: relative;
	top: 1px;
}

#tabint {
	background: #F0F0F0;
}

#tabcmp {
	background: #F0F0F0;
}

#tabenv {
	background: #F0F0F0;
}

.error {
	color: #0000FF;
	background-color: #FFFFCC;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
}

.info {
	font-weight: bold;
	padding: 10px 0px 10px 0px;
}

/* tooltip */
.tooltip{
	width: 150px;
	color:#000;
	font:lighter 11px/1.3 Arial,sans-serif;
	text-decoration:none;
	text-align:center;
	z-index: 2;
}

.tooltip span.top{
	padding: 8px 8px 0;
    background-color: #FFBD33;
}

.tooltip b.bottom{
	padding:3px 8px 8px; 
	color: #548912;
    background-color: #FFBD33;
}


/*------------------------
	position_view.php
------------------------*/
div.pos_nav {
	float: left;
	padding-left: 15px;
	vertical-align: bottom; 
}

#positionentry {
	word-wrap: break-word;
	overflow: auto;
	white-space: no-wrap ! imporatant;
	width:500px;
}