/* ADMINProvider eSiteCMS default CSS *
 * 
 * .xxx = class
 * #xxx = id
 *
 */

/* ------------------------------------------ Main Layout -------------------------------------- */   
body	{ padding: 0; 
		  margin: 0;
		  font: 12px Arial, Helvetica, sans-serif; 
		  line-height: 1.5em;
		  background-color: #EEEEEE; /* #999999; */
		  color: #454545; 
		  }

a		{ color: #990000; text-decoration: none; }
a:hover { color: #993333; text-decoration: underline; }
a.title { color: #996666; }

h1		{ font: bold 2em Arial, Sans-Serif;
		  letter-spacing: -1px; 
		  padding: 7px 0 0 0;
		  margin: 0;
		  }

h1 a, h2 a				{ text-decoration: none; }
h1 a:hover, h2 a:hover	{ color: #663366; background: #FFFFFF; text-decoration: underline; }
h2						{ margin: 0; 
						  padding: 0; 
						  font: bold 1.7em Arial, Sans-Serif; 
						  letter-spacing: -1px;
						  font-size: 20px;
						  margin-bottom: 5px; 
						  color: #000; 
						  }

h3						{ margin: 0; 
						  padding: 0; 
						  font: bold 1.7em Arial, Sans-Serif; 
						  letter-spacing: -1px;
						  font-size: 16px;
						  margin-bottom: 5px; 
						  color: #000; 
						  }

p						{ margin: 0 0 5px 0; }
ul						{ margin: 0; padding : 0; list-style : none; }

form					{ margin: 0; }
.searchSubmit			{ width: 60px; height: 25px; }
.loginSubmit			{ width: 44px; height: 25px; }

.container				{ background-color: #EEEEEE; width: 772px; margin: 0 auto 0 auto; }

/* ------------------------------------------- Header ------------------------------------------ */
.header				{ height: 125px;
					  margin: 0 auto 0 auto;
					  width: 780px;
					  padding: 0;
					  border: none;
					  border-bottom: solid 1px #EEEEEE;
					  background: url(images/small-header.jpg) #FFFFFF no-repeat;
					  background-position: right;
					  }

.header_home		{ height: 248px;
					  margin: 0 auto 0 auto;
					  width: 780px;
					  padding: 0;
					  border: none;
					  border-bottom: solid 1px #EEEEEE;
					  background: url(images/header.jpg) #FFFFFF no-repeat right;
					  background-position: right;
					  }
					  
.header_info		{ float: right; width: 570px; padding: 0 0 4px 0; border-bottom: 1px solid #eee; }
.header_info_left	{ width: 240px; float: left; text-align: right; }
.header_info_right	{ float: right; width: 290px; padding: 0 0 0 15px; border-left: 1px solid #eee; text-align: left; }

.slogan				{ font-size: 0.9em; width: 160px; }
.logo				{ margin: 50px auto -5px -75px; float: left; }

/* --------- Sub header (If an alert is displayed, this will show up below the alert) --------- */
.subheader				{ margin: 0 auto 0 auto;
						  width: 772px;
						  padding: 8px;
						  background: #f4f4f4 url(images/subheaderbg.gif) no-repeat;
						  color: #808080;
						  border-bottom: 1px solid #CCCCCC;
						  }

/* ------------------------------------------ Navigation --------------------------------------- */
.nav			{ clear: both; font-size: 1.1em; height: 18px; width: 772px; margin: 0 auto 0 auto; background-color: #FFFFFF; }
.nav li			{ margin: 0; padding-top: 8px; color: #808080; float: center; text-align: center; }
.nav li.active	{ color: #666666; font-weight: bold; }
.nav a			{ font-weight: bold; color: #000066; background: inherit; }
.nav a:hover	{ font-weight: bold; color: #0000CC; background: inherit; text-decoration: none; }

/* ------------------------------------------- Alert bar --------------------------------------- */
.alert					{ background-color: #E2DDEC;
						  clear: both;
						  margin: 0 auto 0 auto;
						  padding: 0;
						  border: none;
						  border-bottom: 1px solid #663366;
						  text-align: center;
						  /* background: url(images/bg-stn.gif) fixed; */
						  }
.alert img				{ float: left; margin-top: 9px; margin-right: 15px; }
.alert h2				{ margin: 0; }
.alert #search			{ color: #000000;
						  clear: both;
						  text-align: center; 
						  }
.alert #input_search	{ width: 199px; border: none; background: url(images/input.gif); padding: 4px; margin-top: 4px; }
.alert #text			{ background: url(images/barbg.gif) no-repeat;
						  clear: both;
						  width: 740px;
						  margin: 0 auto 0 auto;
						  padding: 5px 20px 6px 20px;
						  text-align: left;
						  font-size: 12px;
						  color: #CC0000;
						  }

/* ----------------------------- Main content block (wrapper / placeholder) -------------------- */
.content			{ margin: 0 auto 0 auto; width: 780px; padding: 0; padding-bottom: 2px; border: none;
					  text-align: left; background-color: none; }

/* --------------------------------------- Navigation crumbs ----------------------------------- */
.crumbs				{ padding-left: 5px; font-size: 10px; padding-top: 0; margin-top: 0; margin-bottom: 5px; }
.crumbs #link		{ text-decoration: none; color: #999999; }
.crumbs #link:hover	{ text-decoration: underline; }


/* ----------------------------------------- Content blocks ------------------------------------ */
.block					{ float: center; margin: 0 auto 2px auto; padding: 0; background-color: inherit; }

.block_center			{ float: left; margin: 0 auto 2px auto; padding: 0; width: 780px; background-color: inherit; }

.block2_left			{ float: left; margin: 0 auto 2px auto; padding: 0; width: 390px; background-color: inherit; }
.block2_right			{ float: right; margin: 0 auto 2px auto; padding: 0; width: 390px; background-color: inherit; }

.block2_left_main		{ float: left; margin: 0 auto 2px auto; padding: 0; width: 474px; background-color: inherit; }
.block2_right_side		{ float: right; margin: 0 auto 2px auto; padding: 0; width: 306px; background-color: inherit; }

.block2_left_side		{ float: left; margin: 0 auto 2px auto; padding: 0; width: 306px; background-color: inherit; }
.block2_right_main		{ float: right; margin: 0 auto 2px auto; padding: 0; width: 474px; background-color: inherit; }

.block3_left_side		{ float: left; margin: 0 auto 2px auto; padding: 0; width: 182px; background-color: inherit; }
.block3_center_main		{ float: left; margin: 0 auto 2px auto; padding: 0; width: 474px; background-color: inherit; }
.block3_center_main-xl	{ float: left; margin: 0 auto 2px auto; padding: 0; width: 598px; background-color: inherit; }
.block3_right_ad		{ float: right; margin: 0 auto 2px auto; padding: 0; width: 124px; background-color: inherit; }

.block3_left_main		{ float: left; margin: 0 auto 2px auto; padding: 0; width: 474px; background-color: inherit; }
.block3_center_ad		{ float: left; margin: 0 auto 2px auto; padding: 0; width: 124px; background-color: inherit; }
.block3_right_side		{ float: right; margin: 0 auto 2px auto; padding: 0; width: 182px; background-color: inherit; }

.block3_left_ad			{ float: left; margin: 0 auto 2px auto; padding: 0; width: 124px; background-color: inherit; }
.block3_center_side		{ float: left; margin: 0 auto 2px auto; padding: 0; width: 182px; background-color: inherit; }
.block3_right_main		{ float: right; margin: 0 auto 2px auto; padding: 0; width: 474px; background-color: inherit; }

/* ----------------------------- General classes for main content ------------------------------ */

/* article block */
.articles				{ margin: 0 2px 0 2px; padding-top: 5px; padding: 0; text-align: left; font-size: 12px; background-color: inherit; }
.articles #title		{ padding: 1px 4px 2px 0; background: #FFCCCC; text-align: right; color: #666666; font-size: 12px; 
						  border-top: solid 1px #CC0000; font-weight: 700; }
.articles #label		{ font-size: 12px; font-weight: 700; color: #999999; line-height: 13px; margin-top: 2px; margin-bottom: 0; margin-left: 2px; }
.articles #data			{ font-size: 12px; font-weight: 700; color: #333333; line-height: 14px; margin-top: 2px; margin-bottom: -14px; padding-left: 175px; position: relative; top: -15px; }
.articles #content		{ font-size: 12px; color: #333333; padding-top: 2px; margin-left: 2px; border-top: solid 1px #EEEEEE; }

.articles_boxed			{ border: 1px solid #EEEEEE; padding: 8px; margin: 2px 0 0 1px; padding-right: 20px; text-align: left; font-size: 14px; }
.articles_boxed:hover	{ border: 1px solid #CCCCCC; }

/* feature block */
.feature				{ clear: both;
						  margin: 0 2px 2px 2px;
						  padding-left: 2px;
						  background-color: #EEEEEE;
						  border: solid 1px #666666;
						  text-align: left;
						  }
.feature #img_center	{ float: middle; text-align: center; }
.feature #img_left		{ float: left; margin-right: 20px; padding-bottom: 20px; }
.feature #img_right		{ float: right; margin-left: 5px; padding-bottom: 20px; }
.feature h2				{ margin: 0; }
.feature #title			{ clear: both;
						  padding-left: 2px;
						  background: #ECD6D6;
						  text-align: left;
						  color: #333333;
						  font-size: 14px;
						  border-top: 1px solid #990000;
						  }	
.feature #content_left	{ text-align: left; padding-left: 2px; color: #FF0000; }
.feature #content_mid	{ text-align: center; padding-left: 2px; padding-right: 2px; color: #FF0000; }
.feature #content_right	{ text-align: right; padding-right: 2px; color: #FF0000; }

/* seperated boxes */
.box					{ background: #0000FF; color: #FFFFFF;	border: 1px solid #FF0000;	padding: 10px; margin: 2px 1px 0 1px; font-size: 14px; }
.box_left				{ background: #0000FF; color: #FFFFFF;	border: 1px solid #FF0000;	padding: 10px; margin: 2px 0 0 1px; text-align: left; font-size: 14px; }
.box_right				{ background: #0000FF; color: #FFFFFF;	border: 1px solid #FF0000;	padding: 10px; margin: 2px 1px 0 0; text-align: left; font-size: 14px; }

/* images */
.img					{ margin: 0 3px 9px 0; }
.image #left			{ float: left; margin: 0 9px 3px 0; }
.image #right			{ float: right; margin: 0 3px 9px 0; }
.image #center			{ margin: 0 5px 0 5px; padding: 5px 5px 5px 5px; align: center; border: solid 1px #FF0000; }

/* default links */
.links					{ border: 1px solid #eee;
						  padding: 10px 10px 10px 15px;	
						  margin: 0 0 10px 0;
						  }
.links:hover			{ border: 1px solid #ccc; }

/* login box */
.login					{ padding: 10px; 
						  margin: 0 0 10px 0;
						  background: #ECD6D6;
						  color: #666666;
						  border-top: 1px solid #990000;
						  border-bottom: 1px solid #990000;
						  }
							  
.login_input			{ width: 150px; border: none; background: url(images/logininput.gif); padding: 4px; margin-left: 28px; }
.login_input2			{ width: 150px; border: none; background: url(images/logininput.gif); padding: 4px; margin-left: 18px; }
							  
.login #title			{ padding-left: 2px; background: #E2DDEC; text-align: left; color: #663366; font-size: 12px; 
						  border-top: solid 1px #663366; font-weight: 700; padding-top}
.login #label			{ font-size: 14px; font-weight: 700; color: #333333; line-height: 13px; margin-top: 2px; margin-bottom: 0; margin-left: 2px; }
.login #data			{ font-size: 12px; font-weight: 700; color: #93399; line-height: 14px; margin-top: 2px; margin-bottom: -14px; padding-left: 120px; position: relative; top: -22px; }
.login #content			{ font-size: 12px; color: #333333; padding-top: 2px; margin-left: 2px; border-top: solid 1px #EEEEEE; }

/* special messages */
.message				{ /* border: 1px solid #eee; */
						  padding: 10px 10px 10px 75px;	
						  margin: 0 50px 10px 0;
						  background: #fff url(images/questionmark.gif) no-repeat center left;
						  color: #454545; 
						  font-size: 14px;
						  text-align: left;
						  }
/* .message:hover			{ border: 1px solid #ccc; } */
.message_info			{ /* border: 1px solid #eee; */
						  padding: 10px 10px 10px 75px;	
						  margin: 0 0 10px 0;
						  background: #fff url(images/info.jpg) no-repeat top left;
						  color: #454545;
						  font-size: 14px; 
						  }
/* .message_info:hover		{ border: 1px solid #ccc; } */

.right_side				{ float: right; width: 200px; border-left: 1px solid #EEEEEE; padding: 0 0 0 20px; }
.side					{ float: left; width: 180px; }

/* ----------------------------------------- Footer layout ------------------------------------- */
.footer			{ clear: both;
				  width: 780px;
				  text-align: left;
				  line-height: 1.2em;
				  color: #333333;
				  background: #FFFFFF;
				  margin: 5px auto 0 auto;
				  padding: 10px 0 10px 0;
				  border: solid 1px #999999;
				  }
.footer a		{ color: #333333; font-weight: 700; text-decoration: none; }
.footer a:hover	{ color: #CC0000; text-decoration: underline; }

/* ----------------------------------- CSS for lightbox effects -------------------------------- */
.black_overlay			{ display: none;
						  position: fixed;
						  top: 0%;
						  left: 0%;
						  width: 100%;
						  height: 100%;
						  background-color: #000000;
						  z-index: 1001;
						  -moz-opacity: 0.9;
						  opacity:.90;
						  filter: alpha(opacity=90);
						  }

.black_overlay_direct	{ position: fixed;
						  top: 0%;
						  left: 0%;
						  width: 100%;
						  height: 100%;
						  background-color: #000000;
						  z-index: 1001;
						  -moz-opacity: 0.9;
						  opacity:.90;
						  filter: alpha(opacity=90);
						  }
						  						  
.white_overlay			{ display: none;
						  position: fixed;
						  top: 0%;
						  left: 0%;
						  width: 100%;
						  height: 100%;
						  background-color: #FFFFFF;
						  z-index:1001;
						  -moz-opacity: 0.8;
						  opacity:.80;
						  filter: alpha(opacity=80);
						  }

.white_overlay_direct	{ position: fixed;
						  top: 0%;
						  left: 0%;
						  width: 100%;
						  height: 100%;
						  background-color: #FFFFFF;
						  z-index: 1001;
						  -moz-opacity: 0.9;
						  opacity:.90;
						  filter: alpha(opacity=90);
						  }
						   
.box_content			{ display: none;
						  position: absolute;
						  top: 25%;
						  align: center;
						  left: 25%; /*
						  right: 50%;
						  width: 500px;
						  height: 50%; */
						  border: solid 2px #FF0000;
						  background-color: white;
						  z-index:1002;
						  overflow: auto;
						  padding-right: 20px;
						  }
.box_content_direct		{ position: absolute;
						  top: 25%;
						  align: center;
						  left: 25%; /*
						  right: 50%;
						  width: 500px;
						  height: 50%; */
						  border: solid 2px #FF0000;
						  background-color: white;
						  z-index:1002;
						  overflow: auto;
						  padding-right: 20px;
						  }

/* ------------------------------ User defined template specific CSS --------------------------- */
td.column_title_cell {
	padding-right: 0px; padding-left: 0px; padding-bottom: 4px; margin: 0px; padding-top: 0px; background-color: #f4f4f4
}
td.interior_cell {
	padding-right: 0px; padding-left: 0px; padding-bottom: 10px; margin: 0px; padding-top: 5px
}
td.interior_cell_button {
	padding-right: 0px; padding-left: 0px; padding-bottom: 10px; margin: 0px; padding-top: 8px
}
td.interior_cell_price {
	padding-right: 0px; padding-left: 4px; padding-bottom: 10px; margin: 0px; padding-top: 7px
}
div.column_title_cell {
	padding-left: 0px; font-weight: bold; font-size: 13px; margin: 0px; padding-top: 4px; text-align: left
}
td.left_cell {
	border-top: #ddd 1px solid; padding-bottom: 5px; padding-top: 5px
}
td.center_cell {
	border-top: #ddd 1px solid; padding-bottom: 8px; padding-top: 20px; background-color: #f4f4f4
}
td.right_cell {
	border-top: #ddd 1px solid; padding-bottom: 8px; padding-top: 21px
}
td.price_cell {
	border-top: #ddd 1px solid; padding-left: 4px; padding-bottom: 8px; padding-top: 21px
}
div.edition_name {
	font-weight: bold; font-size: 13px
}
div.edition_description {
	padding-right: 15px; font-size: 10px; margin-left: 10px
}
div.edition_description_nopad {
	padding-right: 15px; font-size: 10px; margin-left: 0px
}
ul.sample_apps {
	padding-left: 0px; margin-left: 0px; color: #000; list-style-type: none
}
li.sample_apps {
	padding-right: 0px; padding-left: 9px; margin: 0px; color: #000
}
div.edition_links {
	margin-top: 2px; font-size: 10px; margin-left: 10px; margin-right: 10px; text-align: right
}
a.edition_link {
	
}
a.edition_link:hover {
	text-decoration: underline
}
h1.edition_price { 
	padding-right: 0px; padding-left: 0px; font-weight: bold; font-size: 14px; padding-bottom: 0px; margin: 0px 0px 3px; color: #3c3; padding-top: 0px; font-style: normal; font-family: verdana; text-align: center;
}