/* 
  -----------------------------------
  Tab Bar Magic Page Pack CSS
  by Project Seven Development
  www.projectseven.com
  Key Lime Page Pack Layout 02
  2 Column Fixed
	Page-spanning Masthead
	Sidebar on left
  -----------------------------------
*/

body {
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(../images/klm_pbg.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	min-width: 770px;
}
#masthead {
	background-image: url(../images/klm_logo.jpg);
	background-repeat: no-repeat;
	height: 180px;
}
#menubar {
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/kl_rootchannel.jpg);
	background-repeat: repeat-x;
	position:absolute;
	top:82px;
	left:200px;
}
/********COLUMN WRAPPER**********/
#layout {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	position:relative;
}

/*MAIN and SIDEBAR COLUMNS
  Width of both must equal width of Layout
	590 + 180 = 770
	Then we deduct 2px from the sidebox to work
	around gross miscalculations by IE5 Mac*/
#mainbox {
	width: 1000px;
	border:1px dotted #000000;
/*	position:absolute;
	top:-25px;
	left:100px;
*/	
	/*background-image: url(../images/kl-vrule.gif);
	background-repeat: repeat-y;
	background-position: right top;*/
}

#loginbox {
	position:absolute;
	top:2px;
	right:2px;
	height:45px;
	width:435px;
	color:#FFFFFF;
	font-size:.7em;
	background-image: url(../images/login_bg.jpg);
	background-repeat: repeat-x;
	border:1px solid #000000;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 8px;
}

#loginbox .checkbox {
	position:absolute;
	top:18px;
	left:4px;
}

#loginbox .list {
	position:absolute;
	top:29px;
	left:18px;
}

#loginbox .email_length {
	width:200px;
}

#loginbox .password_length {
	width:100px;
}

#loginTable {
	width:425px;
}

.links a, .links a:focus, .links a:visited, .links a:active, .links a:focus {
	color:#0000FF!important;
	text-decoration:none!important;
}

.links a:hover {
	color:#0000FF!important;
	text-decoration:underline!important;
}

#loginbox td {
	padding-bottom:5px;
}

#loginbox a, .loginbox a:focus, .loginbox a:visited, .loginbox a:active, .loginbox a:focus {
	color:#FFFFFF;
	text-decoration: none;
}

#loginbox a:hover {
	color:#FFFFFF;
	text-decoration:underline!important;
}

#sidebox {
	width: 178px;
	float: right;
}

/********CONTENT CONTAINERS*********/

#marketing_wrapper {
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 30px;
}

/*Main Content*/
#maincontent {
	/*background-image: url(../images/kl-vrule.gif);
	background-repeat: repeat-y;
	background-position: left top;*/
	font-size: 0.85em;
	line-height: 1.5em;
	padding: 12px 12px;
	position:relative;
}

#maincontentCentered {
	padding-left:27px;
	padding-right:27px;

}

#maincontent a, .maincontent a:focus, .maincontent a:visited, .maincontent a:active, .maincontent a:focus {
	color:#0000FF;
	text-decoration: none;
}

#maincontent .header {
	margin-bottom:40px;
	padding: 0;
	height:160px;
}

#maincontent .header ol {
	font-weight:bold;
	text-align: left;
	color: #C41700;
}

#maincontent .header ol p {
	color:#000000;
}

#maincontent .left {
	float:left;
	width:550px;
	margin-top:0px;
}

#maincontent .right {
	float:left;
	margin-left:10px;
	margin-top:30px;
	width:330px;
	
}

#maincontent .bottom {
	width:660px;
	position:absolute;
	bottom:20px;
}

.insetbox {
	margin-top:20px;
	margin-left:50px;
	width:350px;
}

.insetbox2 {
	margin-top:-10px;
	margin-left:5px;
	width:450px;
}

.insetbox3 {
	width:382px;
	height:400px;
	position:absolute;
	top:201px;
	right:20px;
	background-image: url(../images/marketing_r3_c2.jpg);
	background-repeat: no-repeat;
}

.insetbox3 .content {
	margin-top:45px;
	margin-left:85px;

}

.insetbox3 .content2 {
	margin-top:282px;
	margin-left:90px;

}

#maincontent a:hover {
	color:#0000FF;
	text-decoration:underline;
}

#mainbox2 {
	width: 920px;
	border:1px dotted #000000;	
	position:absolute;
	top:0;
	left:0;
}
#leftcontent {
	width:221px;
	float:left;
	margin-right:20px;
	padding:12px;
	margin-bottom:12px;
}

#rightcontent {
	width:290px;
	float:left;
	border-left:2px solid #3366FF;
	padding: 12px 24px;
	margin-bottom:12px;
}

#rightrightcontent {
	width:260px;
	float:left;
	padding: 12px 24px;
	margin-bottom:12px;
}

#rightrightcontent li {
	font-size:.8em;
	padding-bottom:3px;
}

#leftcontent p, #rightcontent p, #rightrightcontent p {
	margin-top:0;
	margin-bottom:10px;
	line-height:1.4em;
	font-size:.9em;
}


h1, h2, h3, h4 {
	line-height: normal;
	font-family:Verdana, Arial, sans-serif;
}
h1 {
	margin-left: 12px;
	padding-top:10px;
	font-size: 1.7em;
	color: #C41700;
}
h2 {
	margin-top:-12px;
	margin-left: 12px;
	font-size: 1.3em;
	color: #C41700;
}
h3 {
	margin: 1.5em 0 0 0;
	font-size: 1.35em;
}

h4 {
	margin-top:0px;
	margin-bottom:10px;
	font-size:1.1em;
}

#maincontent p {
	margin: 8px 0 12px 0;
}

/*Sidebar*/
#sidecontent {
	padding: 0 24px 16px 0;
	font-size: 0.7em;
}
#sidecontent .topheading {
	margin: 0;
	color: #FFFFFF;
}
#sidecontent p {
	margin: 8px 0 12px 0;
}

/***********FOOTER************/
#footer {
	/*width:auto;*/
	width: 977px;
	margin-top:10px;
	margin-bottom:50px;
	border:1px dotted #000000;
	color: #FFFFFF;
	background-color: #663300;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
	font-size:12px;
}

#footer a, #footer a:active, #footer a:focus, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

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



/******SKIP LINKS********/
/*Skip Links Container*/
#skips {
	position: absolute;
	top: 6px;
	right: 15px;
	margin: 0 15px 0 0;
}
/*Skip Link Link Styles*/
#skips a, #skips a:visited, #skips a:hover {
	color: #FFFFFF;
	cursor: default;
	font-size: .1em;
}
.p7fix a:active, #skips a:active, #skips a:focus {
	color: #FFFFFF;
	background-color: #4a4a4a;
	cursor: pointer;
	font-size: .8em;
}
/*********PAGE LINK STYLES********/

/******TAB BAR MAGIC CSS CHANGES FOR THIS LAYOUT********/
#p7TBMroot ul {
	width: 770px;
	margin: 0 30px; /* change to auto if you want the men to float */
	border-left: 1px solid #333;
}
.p7TBMsubbox ul {
	width: 770px;
	margin: 0 auto;
}
.p7TBMsubbox {
	padding: 4px 0 24px 0;
}


#accountTable {
	font-size:12px;
	font-weight:bold;
}

#accountTable .tableHeader {
	color:#FFFFFF;
	background-color:#663300;
	font-style:italic;
	text-align:center;
}

#accountTable .leftBorder {
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}

#accountTable .rightBorder {
	border:1px solid #000000;
}

#accountTable td {
	vertical-align:middle;
	text-align:left;
}

#accountTable ul {
	margin-bottom:0px;
}

#accountTable li {
	list-style-type: square;
}

#accountTable tr.altrow {
	background-color:#CCCCCC;
	color: #000000;
}

.grayText {
	font-size:.7em;
	color:#333333;

}

#smlText {
	margin-top:-12px;
	margin-left:3px;
}

#smlRegistrationText {
	margin-top:-8px;
	margin-left:2px;
}

#smlTextEdit {
	margin-top:-15px;
	margin-left:3px;
}

.smlText {
	font-size:12px;
	color:#666666;
	line-height:1.4em;
}

/*.smlText {
	font-size:.7em !important;
	color:666666 !important;
	line-height:1.5em !important;
	margin-top:-8px;
	padding-bottom:10px;
	padding-left:3px;
}
*/
.smlSubText {
	font-size:0.8em;
	color:#666666;
}

.errorMsg {
	font-weight:bold;
	color:#FF0000;
}

.loginMsg {
	font-weight:bold;
	color:#FF0000;
	border:1px solid #000000;
	padding:15px;
	margin-left:2px;
	margin-top:1px;
	width:516px;
	height:31px;
}

.blueHighLight {
	font-weight:bold;
	color:#3366FF;
}

.leftimg {
	float:left;
	margin-right:15px;
	margin-bottom:0px;
}

.rightimg {
	float:right;
	margin-left:15px;
	margin-bottom:0px;
}

.left_btn_img_mrk {
	float:left;
	margin-right:15px;
	margin-top:-2px;
}

.left_btn_img_mrk2 {
	float:left;
	margin-right:15px;
	margin-top:5px;
}

.left_btn_img_mrk3 {
	float:left;
	margin-right:10px;
	margin-top:-8px;
}

.left_btn_img {
	float:left;
	margin-right:2px;
	margin-top:6px;
}


.keyTable {
	margin-top:5px;
	margin-bottom:15px;
	font-size:12px;
	font-weight:bold;
}



.extraBottom {
	padding-bottom:20px;

}

.mainColor {
	color: #C41700;
}

.posCenter {
	text-align:center;
}

span.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 0px 0 0;
	display: block;
	clear: left;
	float: left;
	background-image: url(../images/checkbox.png);
	background-repeat: no-repeat;
}
span.radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(radio.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}

span.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.gif) no-repeat;
	overflow: hidden;
}

#layout2 {
	min-height:100%;
	width:100%;
	height:100%;
	padding: 0;
	border:1px dotted #000000;
}

#box1 {
	width:1000px;
	border:1px solid #FF0000;
	height:100px;
	min-height:100px;
	margin: 0 auto;
}

.textRight {
	text-align:right;
}

.editFont {
	font-size:.9em;
}

.horizontalRule {
	border-top:2px solid #C41700;
	width:100%;
}

.horizontalRule2 {
	width:100%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #3366FF;
	text-align:center;
}

.topSpace {
	margin-top:10px;
}