/* CMS CONTENT */
#cms {   
	font-family:Arial, Helvetica, sans-serif;
	padding:30px 0 30px 0;
	background-color:#FFFFFF;
}


/* CMS PAGE HEADER */
#cms H1 {  
	font-size:15pt;
	color:#000000;
	text-align:center;
	font-weight:normal;
	width:100%;
	height:auto;
	
}

#cms A {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
}



/* CMS NAVIGATION */
#cms_nav {   
	margin:auto; 
	margin-bottom:25px;
	border:1px solid #87A1BC;
	margin-top:20px;
}

#cms_nav H4 {   
	margin:0;
	padding:0;
	font-size:12px;
	text-align:center;
	font-weight:bold;
}

#cms_nav a {   
	margin:0;
	font-size:12px; 
	display:block;
}

#cms_nav a#back {  
	padding:5px 0 5px 5px;
	text-align:left;
	color:#3E5068;
}

#cms_nav a#logout {   
	padding:5px 5px 5px 0;
	text-align:right;
	color:#e43012;
}




/* CMS FORM ELEMENTS */
#cms_form {  
	padding:10px;
	margin:0;
	border:1px solid #87A1BC;
	margin:auto;
	margin-top:20px;
}

#cms_form INPUT { 
	margin:0;
	background-color:#f6fafd;
	border:1px solid #87A1BC;
}

#cms_form SELECT { 
	margin:0;
	background-color:#f6fafd;
	border:1px solid #87A1BC;
}

#cms_form TEXTAREA { 
	margin:0;
	background-color:#f6fafd;
	border:1px solid #87A1BC;
}

#cms_form SELECT { 
	padding:0;
	margin:0;
}

#cms_form LABEL { 
	display:block;
	text-align:left;
	font-size:11px;
	margin:3px 3px 3px 0;
	font-weight:bold;
	color:#666666;
}

#cms_form .cms_label { 
	text-align:left;
	font-size:11px;
	margin:10px 3px 0 3px;
	font-weight:bold;
	color:#666666;
}

#cms_form .cms_field_inline LABEL { 
	float:left;
	text-align:right;
	font-size:11px;
	margin:3px 3px 3px 0;
	padding-right:4px;
	font-weight:bold;
	color:#666666;
}

#cms_form .cms_field { 
	clear:both;
	padding:3px;
	font-size:15px; 
	margin:3px 3px 0 0;
}

#cms_form .cms_field_float { 
	float:left;
	padding:3px;
	font-size:15px; 
	margin:3px 3px 0 0;
	width:225px;
}

#cms_form .cms_field_inline {
	clear:both;
	margin-bottom:4px;
}

#cms_form input.submit {  
	text-align:center;
	background-color:#FFFFFF;
	padding:4px 8px 4px 8px;
	margin-top:8px;
}


#cms_form .checkbox {
	float:left;
	width:auto;
	height:auto;
	margin:3px 3px 0 0;
	border:none;
}

#cms_form .checkbox_msg { 
	font-size:11px;
	font-weight:bold;
	color:#666666;
}

#cms_form .checkbox_multi_msg { 
	font-size:11px;
	margin:3px 3px 3px 0;
	color:#666666;
}




/* CMS LISTING */
.cms_listing_hdr {  
	width:490px;
	font-size:16px;
	text-align:left;
	font-weight:bold;
	margin:5px auto 5px auto;
	padding:2px 0 2px 10px;
	clear:both;
	color:#ffffff;
	background-color:#6e99b9;
}

.cms_item { 
	margin:0 auto 0 auto;
	padding:5px 0 3px 0;
	clear:both;
	border-bottom:1px dotted #87A1BC;
	width:480px;	
}

.cms_item_desc {  
	width:200px;
	margin:0;
	padding:0;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	float:left;
}

.cms_item_subsection {  
	width:200px;
	margin:0;
	padding:0;
	font-size:12px;
	color:#A79E9E;
	text-align:left;
	font-weight:bold;
	float:left;
}

.cms_item_links { 
	width:190px; 
	margin:0;
	padding:0;
	font-size:12px;
	text-align:left;
	float:right;
}

.cms_item_desc .section {
	font-weight:bold; 
	color:#000000;
}

.cms_item_desc .listing {
	font-weight:normal; 
	color:#999999;
	margin-left:10px;
}




/* RE-ORDERABLE ITEMS */
#cms_ordered_item { 
	margin:0 auto 0 auto;
	padding:5px 0 3px 0;
	clear:both;
	border-bottom:1px dotted #87A1BC;
	width:480px;	
}

#cms_ordered_item INPUT { 
	margin:0;
	background-color:#f6fafd;
	border:1px solid #87A1BC;
}

.cms_ordered_item_input {
	float:left;
	padding-right:6px;
}

.cms_ordered_item_desc {  
	width:180px;
	margin:0;
	padding:0;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	float:left;
}

.cms_ordered_item_links {  
	margin:0;
	padding:0;
	font-size:12px;
	text-align:left;
	float:right;
	width:210px;
}


/* CMS LINKS */
#cms a {  
	text-decoration:none;
}

#cms a:hover {  
	text-decoration:underline;
}

a.cms_edit {  
	color:#009900;
}

a.cms_view { 
	color:#0b35e9;
}

a.cms_list {  
	color:#e9880b;
}

a.cms_delete {   
	color:#e43012;
}




/* CMS ADD ITEM */
.cms_add_item { 
	padding:0 0 10px 0;
	clear:both;
	width:490px;
	border:none; 
	font-size:12px;
	text-align:left;
	font-weight:bold;
	margin:5px auto 5px auto;
}

.cms_add_item A { 
	margin:10px 0 20px 0;
	padding:0;
	font-size:12px;
	text-align:left;
	float:right;
	font-weight:bold;
	color:#6e99b9;
}

.cms_ordered_add_item { 
	margin:10px auto 0 auto;
	padding:0 0 10px 0;
	clear:both;
	width:485px;
	border:none; 
	font-size:12px;
	text-align:left;
	font-weight:bold;
}

.cms_ordered_add_item A {
	color:#6e99b9;
}




/* CMS USER MESSAGES */
.cms_item_title {  
	margin:0 0 5px 0;
	padding:0 5px 10px 5px;
	clear:both;
	font-size:17px;
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #cccccc;
}

.cms_instruction {  
	display:block;
	text-align:center;
	font-size:11px;
	margin:3px 0 6px 0;
	font-weight:bold;
	color:#009900;
}

.cms_note {  
	display:block;
	text-align:left;
	font-size:11px;
	margin:3px 3px 6px 0;
	padding-left:12px;
	font-weight:bold;
	color:#666666;
	background-image:url(../images/bullets/bulletA.gif); 
	background-position:0px 2px;
	background-repeat:no-repeat;
}

.cms_msg { 
	font-size:11px;
	color:#e43012;
}

.cms_error_msg {  
	clear:both;
	font-size:12px;
	color:#FF0000;
	text-align:center;
	font-weight:bold;
}

#cms_delete_msg {
	margin:auto;
	padding:5px;
	clear:both;
	border:2px solid #cccccc;
	text-align:center;
	font-weight:bold;
	width:490px;
	background-color:#fafacc;
}

#cms_delete_msg h3 {
	font-size:14px;
	color:#FF0000;
	padding:0;
	margin:0 0 10px 0;
	text-align:center;
	font-weight:normal;
}

#cms_delete_msg a {
	font-size:12px;
	color:#465771;
	padding:0;
	margin:0;
}

#cms_delete_msg a#yes {
	display:inline;
	color:#FF0000;
	margin-right:100px;
}

#cms_delete_msg a#no {
	display:inline;
	color:#339900;
	margin-left:100px;
}

.cms_order {
	float:left; 
	width:20px; 
	font-size:12px;
}



/* CMS HTML GUIDE */
#cms_guide {
	border:1px solid #cccccc; 
	width:500px;
	margin:25px auto;
}

#cms_guide h3 {
	font-size:14px; 
	color:#CCCCCC;
	text-align:center;
	margin:10px 0 20px 10px;
}

#cms_guide_item {
	margin:auto;
	border-bottom:1px dotted #cccccc;
	font-size:12px; 
	color:#000000;
	text-align:left;
	display:table; 
	width:inherit;
	height:10px;
}

.colA {	
	width:25%;
	float:left; 
}

.colA #padding {
	padding:15px 10px 15px 10px;
}

.colB {	
	width:50%;
	float:left; 
}

.colB #padding {
	padding:15px 10px 15px 10px;
}

.colC {	
	width:25%;
	float:left; 
}

.colC #padding {
	padding:15px 5px 15px 10px;
}
