/*
	lockbox blue #3f87bd
	lockbox text grey #636B7B
	lockbox green #f0f3ee
	lockbox orange #edbf8e

	lockbox footer background grey #e5e6ec
	lockbox footer text grey #deddd8
	lockbox footer line grey #c1121

	lockbox link blue #cee1f4

	lockbox navigation text #645d5f
*/

body {
	color : #636B7B;
}

.top-half {
	margin-top : 0.75em;
}

#center {
	margin-top : 1.5em;
}

/* **** LOGO    *********************************************************/

#logo {
	margin-bottom : 20px;
}

#logo a {
	text-decoration : none;
	color : #645C5F;
}

#logo a.logo {
	float : left;
	display : block;
	width : 310px;
	height : 55px;
	background : url("../images/logoLockboxTitle.png") no-repeat top left;
	text-indent : -1000em;
}

#logo ul {
	position : relative;
	float : right;
	margin : 0 0 0 0;
	width : 380px;
}

#logo li {
	float : left;
	display : block;
	list-style : none;
	padding : 1em 0 0 1.0em;
}

#logo li a {
	
}

/* **** TITLE    *********************************************************/

#title {
	height : 62px;
	background : url("../images/titleBg.jpg") repeat-x top left;
}

#title h1 {
	padding-top : 0.75em;
	font-size : 2.0em;
	color : #D16A0E;
}

/* **** TAB NAV *********************************************************/

#tabs {
	border-bottom : 1px #E7E7E7 solid;
}

#tabs ul {
	margin : 0 0 0 0;
	font-size : 1.2em;
	font-weight : bold;
/*	border: 1px red solid;*/
}

#tabs ul.main {
	float : left;
	background : url("../images/tabBg.jpg") repeat-x top left;
}

#tabs ul.main li.first {
	background : url("../images/tabLeft.jpg") no-repeat top left;
}

#tabs ul.main li.last {
	background : url("../images/tabRight.jpg") no-repeat top right;
}

#tabs li {
	float : left;
	list-style : none;
	margin-bottom : -1px;
}

#tabs ul li a {
	float : left;
	display : block;
	height : 28px;
	padding : 0.75em 1.25em 0.25em 1.25em;
	background : url("../images/tabDivider.jpg") no-repeat top left;
	color : #625F5A;
	text-decoration : none;
}

#tabs ul li.active {
	background : url("../images/tabBg_selected.jpg") repeat-x top left;
	border-bottom : 2px #D16A0E solid;
}

#tabs ul li.active a {
	color : #D16A0E;
}

#tabs ul.main li.first a {
	background : none;
}



#tabs ul.login {
	float : right;
	background : url("../images/tabDarkBg.jpg") repeat-x top left;
}

#tabs ul.login li {
	background : url("../images/tabDarkLeft.jpg") no-repeat top left;
}

#tabs ul.login li a {
	background : url("../images/tabDarkRight.jpg") no-repeat top right;
	color : #FFF;
}

#tabs ul.login li.active a  {
	color : #D86B0E;
}

/* **** SUBTAB NAV *********************************************************/

#subtabs {
	border-bottom : 1px #E7E7E7 solid;
}

#subtabs ul {
	margin : 0 0 0 0;
	font-size : 1.2em;
	font-weight : bold;
/*	border: 1px red solid;*/
}

#subtabs ul.main {
	float : left;
	background : url("../images/subtabBg.jpg") repeat-x top left;
}

#subtabs ul.main li.first {
	background : url("../images/subtabLeft.jpg") no-repeat top left;
}

#subtabs ul.main li.last {
	background : url("../images/subtabRight.jpg") no-repeat top right;
}

#subtabs li {
	float : left;
	list-style : none;
	margin-bottom : -1px;
}

#subtabs ul li a {
	float : left;
	display : block;
	height : 28px;
	padding : 0.75em 1.25em 0.25em 1.25em;
	background : url("../images/subtabDivider.jpg") no-repeat top left;
	color : #625F5A;
	text-decoration : none;
}

#subtabs ul li.active {
	background : url("../images/tabBg_selected.jpg") repeat-x top left;
	border-bottom : 2px #D16A0E solid;
}

#subtabs ul li.active a {
	color : #D16A0E;
}

#subtabs ul.main li.first a {
	background : none;
}



#subtabs ul.logout {
	float : right;
	background : url("../images/tabDarkBg.jpg") repeat-x top left;
}

#subtabs ul.logout li {
	background : url("../images/tabDarkLeft.jpg") no-repeat top left;
}

#subtabs ul.logout li a {
	background : url("../images/tabDarkRight.jpg") no-repeat top right;
	color : #FFF;
}

/* **** DRUPAL BLOCKS *********************************************************/

.block {
	margin : 1em 0 2em 0;
}
.block form#user-login-form {
	text-align : left;
}

.block h3 {
	padding-left : 18px;
	color : #333;
}

.block ul.menu {
	padding : 0 0 0 0;
	margin : 0 30px 0 0;
	border-top : 1px #F3F3F3 solid;
}

ul.menu li {
	border-bottom : 1px #F3F3F3 solid;
	padding : 0.5em 0 0.5em 18px;
	background : #FBFBFB;
	list-style : none;
	margin : 0 0 0 0;
}

ul.menu li a {
	text-decoration : none;
	color : #666;
}

ul.menu li a.active  {
	color : #D86B0E;
}

.term_count {
	color : #666;
}


/* **** DRUPAL NODE *********************************************************/

.node {
	margin : 0 0 1.5em 0;
}
.node h2 a {
	text-decoration : none;
	color : #666;
}

.node div.article {
	margin-top : 1.5em;
}

.node table.affiliate_plan {
        border-top : 1px solid;
        border-left : 1px solid;
        border-right : 2px solid;
        border-bottom : 2px solid;
        /* border-spacing : 1px; */
        cellpadding : 0;
}

.node td.affiliate_plan {
        valign: center;
        vertical-align:middle;
        padding-top : 5px;
        padding-bottom : 5px;
        border-top : 1px solid;
        border-left : 1px solid;
}

.node tr.affiliate_plan_detail {
        line-height : 1.5em;
}

/* **** TABLES **********************************************************/
table.datatable {
	font:11px Tohoma, Verdana, Arial, Helvetica, sans-serif;
	border-width: 0px;
	border-spacing: 0px;
	border-style: outset;
	border-collapse: collapse;
	}

tr.datatable_heading {
	background-color: #99CCFF;
	}

td.datatable_heading {
	font:12px Tohoma, Verdana, Arial, Helvetica, sans-serif;
	border-width: 0px;
	padding: 1px;
	text-align: left;
	}

td.datatable_headingC {
	font:12px Tohoma, Verdana, Arial, Helvetica, sans-serif;
	border-width: 0px;
	padding: 1px;
	text-align: center;
	}

td.datatable_headingR {
	font:12px Tohoma, Verdana, Arial, Helvetica, sans-serif;
	border-width: 0px;
	padding: 1px;
	text-align: right;
	}

tr.datatable_even {
	background-color: #EEEEEE;
	}

tr.datatable_odd {
	background-color: #DDDDDD;
	}

td.datatable {
	border-width: 0px;
	padding: 1px;
	text-align: left;
	}

td.datatableC {
	border-width: 0px;
	padding: 1px;
	text-align: center;
	}

td.datatableR {
	border-width: 0px;
	padding: 1px;
	text-align: right;
	}

/* **** BREADCRUMB *********************************************************/
td.breadcrumb {
	font:10px Tohoma, Verdana, Arial, Helvetica, sans-serif;
	border-width: 0px;
	padding: 1px;
	text-align: left;
	text-decoration: none;
	color: #636B7B;
}

a.breadcrumb {
	font:10px Tohoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #636B7B;
}

/* **** FOOOTER *********************************************************/

#footer {
	width : 100%;
	height : 90px;
	font-size : 0.9em;
	color : #414247;
	background : url("../images/footerBg.jpg") repeat-x top left;
	padding-top : 0.5em;
}

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


#footer ul {
	margin : 0.75em 0 0 0;
}

#footer ul.border {
	height : 2.0em;
	border-bottom : 1px #d2d4d7 solid;
	margin-bottom : 1.5em;
}

#footer li {
	float : left;
	list-style : none;
	padding : 0 0.5em 0 0.5em;
	border-left : 1px #d2d4d7 solid;
}

#footer li.first {
	padding-left : 0;
	border : 0;
}

li#lockbox_call {
	border : 0;
	float : right;
}

li#by_crapp {
	border : 0;
	float : right;
}

li#by_crapp a {
	display : block;
	background : url("../images/logoByCrapp.gif") no-repeat  100% 0;
	width : 62px;
	text-indent : -1000em;
}

li#lockbox_footer {
	border : 0;
	padding-left : 125px;
	padding-top : 0.7em;
	margin-top : -0.7em;
	background : url("../images/logoLockboxGrey.jpg") no-repeat 0px 0px;
	height : 23px;
}

.pageName {
	padding-top : 1.2em;
        font: 18px Verdana, Arial, Helvetica, sans-serif;
        color: #3366CC;
        line-height:24px;
}

td.formPrompt {
        font:11px Verdana, Arial, Helvetica, sans-serif;
        color:#003366;
        line-height:20px;
        margin-top:0px;
        padding-right:15px;
        text-align:right
}

.tip {font:12px
                    Arial,Helvetica,sans-serif; border:solid 1px
                    #666666; width:270px; padding:1px;
                    position:absolute; z-index:100;
                    visibility:hidden; color:#333333; top:20px;
                    left:90px; background-color:#ffffcc;
                    layer-background-color:#ffffcc;}

/* ****Setup for the 3 column layout on the index page *******************/
#leftcontent {
	float:left;
	width:150px;
}
#leftcontent img {
	margin:0px 10px 5px 10px;
}


#rightcontent {
	float:right;
	width:290px;
	margin-left:20px;
}

#rightcontent, #centercontent, #leftcontent {
	background:#fff;
	padding:5px 10px 5px 10px;
}

#centercontent {
	margin-left:150px;
	margin-right:300px;
	padding-right:15px;
}

/* *****4-column layout for quotes *****************/
.colmask{
   width: 100%;
   left: 0%
}
.col1{
   width: 23%;
   left: 101%
}
.col2{
   width: 23%;
   left: 53%
}
.col3{
   width: 23%;
   left: 80%
}
.col4{
   width: 23%;
   left: 82%
}

.colmask{
   clear: both;
   float: left;
   overflow: hidden;
   position: relative;
   border:1px solid #C9C9C9;
   padding:5px 10px 5px 15px;
   background:url("../images/box_bgrnd.jpg") top left repeat-x;
}
.colmid, .colin, .colleft{
   right: 25%;
   float: left;
   width: 100%;
   position: relative;
}
.col1, .col2, .col3, .col4 {
   padding: 5px 0px 0px 0px;
   overflow: hidden;
   float: left;
   position: relative;
}