*{
padding: 0px;
margin: 0px;
}

html{
height:100%;
}

body{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
height:100%;
background:#DFDFDF url(/library/christian_images/background-tile.png) repeat;
color:#5a5a5a;
}

a, a:active, a:visited {
	color: #3B80AA;
	text-decoration:none;
}
a:hover, a:active:hover, a:visited:hover {
	text-decoration:underline;
}

/* start of framework styles  DO NOT EDIT */

.left{
float:left;
}

.right{
float:right;
}

.clear{
clear:both;
}

.center{
margin-right:auto;
margin-left:auto;
}

.pad{
padding:15px;
}

.pad_left{
padding-left:5px;
}

.marg_bottom {
margin-bottom:5px;
}

.col{
padding:15px;
margin:15px;
}

.spacer {
padding-top:15px;
}

.spacer_sm {
padding-top:5px;
}

ul{
list-style:none;
}




#error{
color: #d11111;
border:2px solid #d11111;
padding:15px;
}

#success{
color: #339900;
border:2px solid #339900;
padding:15px;
}

/* start of container styles */

/* page styles */


.divider{
border-right:1px solid #EBE9E7;
}

.col_one{
width:900px;
margin-right:15px;
padding-left:15px;
padding-right:25px;
}

.col_two{
width:200px;
background-color:#0E2437;
padding-left:15px;
padding-right:15px;
background-image: url('../images/col_two_back.gif');
background-repeat:repeat-y;
}

.col_three{
width:200px;
}

.col_four{
width:715px;
background-color:#ffffff;
}

.home_col{
width:45%;
background-color:#ffffff;
margin-right:15px;
}

.one_col{
width:95%;
margin-right:15px;
}

.two_col{
width:46%;
margin-right:15px;
}

.three_col{
width:30%;
margin-right:15px;
}

.four_col{
width:22%;
margin-right:15px;
}

.five_col{
width:17%;
margin-right:15px;
}

.six_col{
width:14%;
margin-right:15px;
}

.seven_col{
width:11%;
margin-right:15px;
}

.eight_col{
width:10%;
margin-right:10px;
}

.nine_col{
width:9%;
margin-right:10px;
}

.ten_col{
width:8%;
margin-right:10px;
}

/* navigation styles */

/* page components / apps */


.top_banner{
width:960px;
/* background:url(library/images/headerBg.jpg) repeat-x; */
overflow:hidden;
}

.top_banner p{
color:#555555;
font-size:11px;
line-height: 1.7;
text-align:right;
}

.top_banner span{
color:#5F7A40;
font-size:12px;
}

.top_banner a{
text-decoration: none;
color: #DDAE2C;
padding-left:15px;
font-size: 12px;
border-bottom:1px solid #EBE9E7;
padding-bottom:10px;
}

.top_banner A:hover{
text-decoration: none;
color:#9c9c9c;
}

.top_banner #date{
color:#5F7A40;
text-align:right;
font-size:11px;
font-weight:bold;
}

.col_two p{
color:#555555;
font-size:12px;
line-height: 1.7;
}

.col_two input{
border-top:1px solid #9c9c9c;
border-left:1px solid #9c9c9c;
border-bottom:1px solid #d1d1d1;
border-right:1px solid #d1d1d1;
background-color: #efefef;
font-size:11px;
color: #555555;
padding:3px;
}

.bottom_panel{
width:960px;
background-color:#EDEDED;
overflow:hidden;
padding-top:10px;
padding-bottom:10px;
margin-top:50px;
}

.footer{
width:930px;
}

.footer p{
color:#9c9c9c;
font-size:9px;
line-height: 1.7;
}

.footer a{
text-decoration: underline;
color:#9c9c9c;
padding-left:15px;
font-size: 12px;
}

.footer A:hover{
color: #000;
text-decoration:none;
}

.main_nav {
    margin-bottom: 25px;
    margin-left: 105px;
    margin-top: -50px;
    position: absolute;
	padding-top: 15px;
    width: 960px;
	z-index:1;
}

.main_nav a{
background-color:#D6AA7E;
text-decoration: none;
color: #ffffff;
font-weight:bold;
font-size: 12px;
padding-top:12px;
padding-left:15px;
padding-right:15px;
padding-bottom:5px;
/*
background-image:url('/library/images/main_nav_middle.gif');
background-repeat:no-repeat;
*/
display:block;
height:30px;
float:left;
}

.main_nav A:hover, .main_nav a.nav_sel{
text-decoration: none;
border-bottom:3px solid #3B80AA;
/*
background-image:url('/library/images/main_nav_middle_over.png');
background-repeat:no-repeat;
background-position:center top;
*/
}


.main_nav_admin {
    margin-bottom: 25px;
    margin-left: 105px;
    margin-top: -50px;
	padding-top: 15px;
    position: absolute;
    width: 960px;
	z-index:1;
}

.main_nav_admin a{
background-color:#3B80AA;
text-decoration: none;
color: #ffffff;
font-weight:bold;
font-size: 12px;
padding-top:12px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
/*
background-image:url('/library/images/main_nav_middle.gif');
background-repeat:no-repeat;
*/
display:block;
height:30px;
float:left;
}

.main_nav_admin A:hover, .main_nav_admin a.nav_sel{
text-decoration: none;
border-bottom:3px solid #D6AA7E;
/*
background-image:url('/library/images/main_nav_middle_over.png');
background-repeat:no-repeat;
background-position:center top;
*/
}


.sub_nav_holder{
width:100%;
background-color:#DDAE2C;
}

.sub_nav{
width:930px;
height:35px;
}

.sub_nav a{
text-decoration: none;
color: #ffffff;
padding-left:15px;
padding-right:15px;
padding-top:10px;
font-size: 12px;
display:block;
height:25px;
float:left;
font-weight:bold;
}

.sub_nav A:hover{
text-decoration: underline;
background-color:#A68221;
}

.sub_nav a.nav_sel {
text-decoration: underline;
background-color:#A68221;
}

.level_one p{
color:#ffffff;	
}

.level_two p{
color:#ffffff;
}

.level_one a{
text-decoration: underline;
color: #DDAE2C;
font-size:12px;
}

.level_one A:hover{
text-decoration: none;
color:#ffffff;
}

.level_two a{
text-decoration: underline;
color: #DDAE2C;
font-size:12px;
}

.level_two A:hover{
text-decoration: none;
color:#ffffff;
}

.level_two h6{
font-size:16px;
color:#ffffff;	
}

.level_one h6{
font-size:16px;
color:#ffffff;	
}

.container{
/*background:url(../images/body-bg.png) repeat-y;*/
background:#FFF;
width:930px;
margin-top:25px;
}

.line_item A:hover{
color: #555555;
}

.line_item_even A:hover{
color: #555555;
}

.data_display span{
font-size:12px;
color:#0E2437;
}

.note{
background-color:#fcfcfc;
border:1px solid #9c9c9c;
margin-top:15px;
margin-bottom:15px;
}

.line_item{
border-bottom:1px solid #EBE9E7;
padding-top:5px;
padding-bottom:5px;
overflow:hidden;
}

.line_item_even{
border-bottom:1px solid #EBE9E7;
padding-top:5px;
background-color:#efefef;
padding-bottom:5px;
overflow:hidden;
}

.header_bar{
background-color:#DDAE2C;
padding:3px 10px 3px 10px;
}

.header_bar p{
color:#ffffff;
font-size:12px;
line-height: 1.7;
}

.yellow_bar{
background-color:#DDAE2C;
padding:3px 15px 3px 0px;
margin:0px;
}

.yellow_bar p{
color:#ffffff;
font-size:12px;
line-height: 1.7;
}

.breadcrumb{
margin-bottom:15px;
}

.breadcrumb a{
text-decoration: underline;
color: #555555;
padding-left:10px;
padding-right:10px;
font-size: 12px;
}

.breadcrumb A:hover{
text-decoration: none;
}

.breadcrumb p{
color:#555555;
font-size:12px;
line-height: 1.7;
}

.step_gray{
margin:0px;
padding:0px;
margin-right:2px;
}

.step_faded{
background-color:#e5e5e5;
border:none;
padding:5px 10px 5px 10px;
color:#DDAE2C;
cursor:pointer;
background-image: url('../images/leaf_grey.gif');
background-repeat:no-repeat;
padding-left:30px;
width:70px;
}

.step_faded p{
color: #999999;	
}

.step_highlight{
margin:0px;
padding:0px;
margin-right:2px;
}

.step_gray{
background-color:#d1d1d1;
text-align:center;
}

.step_gray p{
color:#ffffff;
font-size:12px;
line-height: 1.7;
}

.step_highlight{
background-color:#DDAE2C;
text-align:center;
}

.step_highlight p{
color:#ffffff;
font-size:12px;
line-height: 1.7;
}

/* sheldon's new classes */

.col_spacer{
margin-left:15px;
padding-left:15px;	
}

.col_border{
border-left:1px solid #d1d1d1;
}

.list{
border-bottom:1px solid #EBE9E7;
padding-top:5px;
padding-bottom:5px;
overflow:hidden;
}

.even{
background-color:#f1f1f1;
}

.list a {
text-decoration: underline;
color: #DDAE2C;
padding:0px;
display:inline;
font-size: 12px;
background: none;
}

.list a:Hover {
background: none;
color:#776B5D;
}

.list span {
color:#0E2437;	
font-weight:bold;
}

span {
color:#D6AA7E;
font-weight:bold;
}

.list_height{
height:20px;
padding-top:10px;
padding-bottom:10px;
}

.notes{
background-color:#fcfcfc;
border:1px solid #9c9c9c;
margin-top:15px;
margin-bottom:15px;
padding:15px;
}

.level_one li{
background-image: url('../images/level_one_arrow.gif');
background-repeat:no-repeat;
padding-left:25px;
background-position: left center;	
margin-bottom:10px;
}

.level_two li{
background-image: url('../images/level_one_arrow.gif');
background-repeat:no-repeat;
padding-left:25px;	
background-position: left center;
margin-bottom:10px;
}

.text_display ul{
padding-left:25px;
font-size:12px;
line-height:1.7;
list-style:disc;	
color:#555555;
}
/* kp added css */







/*--- Lindsay's Work ---*/
h1{
	color:#3b80aa;
	padding-bottom:5px;
}
h2{
	color:#D3893B;
	padding-bottom:10px;
}
h3{
	color:#7C7C7C;
	padding-bottom:5px;
}
.banner-container{
	width:100%;
	/*background: url(/library/supreme_images/header-back.png) no-repeat;*/
	/*background-position:0px -450px;*/
/*	 background-color:#3B80AA; 
	border-bottom:3px solid #D6AA7E;*/
	overflow:hidden;
	color:#9c9c9c;
	height:60px;
	/*
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.28);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.28);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.28);
	*/
}

.banner-container-admin{
	width:100%;
	/*background: url(/library/supreme_images/header-back.png) no-repeat;*/
	/*background-position:0px -450px;*/
	/*background-color: #D6AA7E; */
	/*border-bottom:3px solid #3B80AA; */
	overflow:hidden;
	color:#9c9c9c;
	height:60px;
	/*
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.28);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.28);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.28);
	*/
}

.banner{
	overflow:hidden;
	padding-top:5px;
	padding-bottom:30px;
	/*
	background: rgba(237,237,237,0);
	background: -moz-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(246,246,246,0.54) 53%, rgba(255,255,255,0.89) 87%, rgba(255,255,255,0.93) 91%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,0)), color-stop(53%, rgba(246,246,246,0.54)), color-stop(87%, rgba(255,255,255,0.89)), color-stop(91%, rgba(255,255,255,0.93)));
	background: -webkit-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(246,246,246,0.54) 53%, rgba(255,255,255,0.89) 87%, rgba(255,255,255,0.93) 91%);
	background: -o-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(246,246,246,0.54) 53%, rgba(255,255,255,0.89) 87%, rgba(255,255,255,0.93) 91%);
	background: -ms-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(246,246,246,0.54) 53%, rgba(255,255,255,0.89) 87%, rgba(255,255,255,0.93) 91%);
	background: linear-gradient(to bottom, rgba(237,237,237,0) 0%, rgba(246,246,246,0.54) 53%, rgba(255,255,255,0.89) 87%, rgba(255,255,255,0.93) 91%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
	*/
	width:100%;
	height:100%;
}

.full_width{
width:970px;
}
.welcome {
    font-size: 12px;
    margin-right: 20px;
    margin-top: -8px;
    padding-top: 45px;
	position:relative;
	z-index:2;
}
.welcome a {
	color:#3b80aa;
	/*color:#fff;*/
	text-decoration:none;
}
.welcome a:hover {
	text-decoration:underline;
}
a.button{
	background:url(../images/submit_btn.png) no-repeat;
	padding-left:10px;
	width:95px;
	display:inline-block;
	padding-top:4px;
	padding-bottom:5px;
	color:#f7f7f7;
	text-decoration:none;
	font-size:14px;
}
a:hover.button {
	background:url(../images/submit_btn_hover.png) no-repeat;
}
.white{
	background:#f8f8f8;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	overflow:hidden;
	margin-bottom:2px;
}

.white_table{
	background:#f8f8f8;
	overflow:hidden;
	margin-bottom:2px;
}


.grey_table{
	background:#efefef;
	overflow:hidden;
	margin-bottom:2px;
}

.grey{
	background:#efefef;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	overflow:hidden;
	margin-bottom:2px;
}
.disabled{
	background:#f3e9e7;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	overflow:hidden;
	margin-bottom:2px;
}
.table_title p{
	font-weight:bold;
	color:#0E2437;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:2px;
	background:#fbfbfb;
}
a.quote{
	background:url(../images/quote.gif) no-repeat;
	padding-top:20px;
	padding-right:150px;
}
a:hover.quote{
	background:url(../images/quote_hover.gif) no-repeat;
}
a.scheduler{
	background:url(../images/scheduler.gif) no-repeat;
	padding-top:20px;
	padding-right:150px;
}
a:hover.scheduler{
	background:url(../images/scheduler_hover.gif) no-repeat;
}
a.page_left{
	background:url(../images/page_left.gif) no-repeat;
	padding-bottom:15px;
	padding-top:2px;
	padding-right:40px;
}
a.page_left_disabled{
	background:url(../images/page_left_disabled.gif) no-repeat;
	padding-bottom:15px;
	padding-top:2px;
	padding-right:40px;
	cursor:default;
}
a:hover.page_left{
	background:url(../images/page_left_hover.gif) no-repeat;
}
a.page_right{
	background:url(../images/page_right.gif) no-repeat;
	padding-bottom:15px;
	padding-top:2px;
	padding-right:40px;
}
a.page_right_disabled{
	background:url(../images/page_right_disabled.gif) no-repeat;
	padding-bottom:15px;
	padding-top:2px;
	padding-right:40px;
	cursor:default;
}
a:hover.page_right{
	background:url(../images/page_right_hover.gif) no-repeat;
}
.breadcrumb{
	background:#efefef;
	overflow:hidden;
	padding:5px;
}
.breadcrumb p{
	color:#999;
}

input[type="text"],input[type="number"],input[type="email"],input[type="password"],select,textarea{
	padding:8px;
	font-size:14px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	border-top:1px solid #9c9c9c;
	border-left:1px solid #9c9c9c;
	border-bottom:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
	background-color: #ffffff;
	color: #555555;
	border-color: #E5E5E5;
}

input:focus, select:focus{
	border-color: #C9C9C9;
}

a.jobs{
	background:url(/library/images/recruitment-big.jpg) no-repeat;
	height:125px;
	width:180px;
	overflow:hidden;
	display:block;
	float:left;
}
a:hover.jobs{
	background:url(/library/images/recruitment-big-hover.jpg) no-repeat;
}

a.keywords{
	background:url(/library/images/style-brand-series-big.jpg) no-repeat;
	height:125px;
	width:180px;
	overflow:hidden;
	display:block;
	float:left;
}
a:hover.keywords{
	background:url(/library/images/style-brand-series-big-hover.jpg) no-repeat;
}

a.users{
	background:url(/library/images/users-big.jpg) no-repeat;
	height:125px;
	width:180px;
	overflow:hidden;
	display:block;
	float:left;
}
a:hover.users{
	background:url(/library/images/users-big-hover.jpg) no-repeat;
}


a.website{
	background:url(/library/images/website-big.jpg) no-repeat;
	height:125px;
	width:180px;
	overflow:hidden;
	display:block;
	float:left;
}
a:hover.website{
	background:url(/library/images/website-big-hover.jpg) no-repeat;
}
a.products{
	background:url(/library/images/products-big.jpg) no-repeat;
	height:125px;
	width:180px;
	overflow:hidden;
	display:block;
	float:left;
}
a:hover.products{
	background:url(/library/images/products-big-hover.jpg) no-repeat;
}

/* glow styles */
.add-package, .button {
	background-color:#D6AA7E;
	padding:10px;
	cursor:pointer;
	width:100px;
	/*margin-bottom:20px;*/
	text-align:center;
}

.add-package:hover, .button:hover {
	background-color:#D3924C
}

.add-package p, .button p {
	color:#fff;
}

.buttonsmall {
	background-color:#D6AA7E;
	padding:10px;
	cursor:pointer;
	width:50px;
	/*margin-bottom:20px;*/
	text-align:center;
}

.buttonsmall:hover {
	background-color:#D3924C
}

.buttonsmall p {
	color:#fff;
}





.form-title {
	width:125px;
}

.form-element-container {
	padding-bottom:20px;
	clear:both;
	overflow:hidden;
}

.btn_disabled {
	background-color:#e4e4e4; color:#ccc; cursor:default;
}


/* MENU MEDIA QUERIES & STYLES */

.navigation_bar_holder_mobile {
	display:none;
	position:relative;
	z-index:9998;
}

div.menuMobileContainer {
	background-color:#333;
	padding:10px;
	position:fixed;
	top:20px;
	right:0;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

ul.menuMobile {
	display: inline-block;
    height: 22px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 25px;
	list-style:none;
	cursor:pointer;
}

ul.menuMobile li {
	background: none repeat scroll 0 0 #ccc;
    border-radius: 2px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    height: 3px;
    margin: 3px 0;
    width: 100%;
	list-style:none;

}

.main_nav_holder {
	position: relative; margin: auto; width: 960px;
}

/* END MENU MEDIA QUERIES & STYLES */

@media only screen and (max-device-width : 1024px)  {
	.banner-container {
		height:85px;
	}
	.welcome {
		display:none;
	}
	.top_menu_container, .small_banner { /* let's get rid of this for anything tablet and under. */
		display:none;
	}
	
	.navigation_bar_holder_mobile {
		display:block;
	}
	
	.navigation_bar_holder {
		display:none;
	}
	.main_nav {
		display:none;
	}
}

.detail{
	
	
	
}
.detail p{
	font-size:14px;
	
}
.detail span{
	color:#3B80AA;	
}

.registration .step { display:none; }
.registration input { width:90%; }
.spacer { padding-top:15px; }
.divider { border:none; border-top:1px solid #e5e5e5; margin-top:25px; padding-top:25px; }
input.fieldError, select.fieldError, textarea.fieldError, div.fieldError {
	border-color:#d11111;
	background-color:#F2CBCB;
}

div.fieldError {
	padding:20px;
}

.fieldErrorMessage { width:90%; }
.fieldErrorMessage p {
	font-size:11px;
	color:#d11111;
}
.delete:hover { color:#D3924C; }

.comment {
	padding:15px;
	background-color:#f1f1f1;
	margin-bottom:10px;
	width:92%;
}
.comment .comment-content {
	
}

.comment .comment-date {
	width:100%;
	font-style:italic;
	color:#9c9c9c;
	font-size:11px;
	text-align:right;
}

.help-btn {
	position:fixed;
	right:0px;
	width:40px;
	height:100px;
	background-image:url('/library/images/help-btn.png');
	background-repeat:no-repeat;
	top:200px;
	cursor:pointer;
}

.ui-widget-header, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background:none !important;
	background-color:#3B80AA !important;
	color:#fff !important;
}

.ui-widget-header span, .ui-state-default span, .ui-widget-content .ui-state-default span, .ui-widget-header .ui-state-default span {
	color:#fff !important;
}