body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	min-width:990px;
}
h1 { font-family:Verdana; font-size:30px; color:Red; font-weight:normal;}
#ePrintcost {
	margin-left: auto;
	margin-right:auto;
	text-align: left;
	width: 95%;
	color: black;
}

#ePrintcost p  {
	color: black;
}

#ePC_header {
	background-color: white;
	margin: 0px;
	padding: 5px;
	/* SETTING: set the height to suit images used - or set in page top with a style tag */
	height: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
}

#ePC_header .header_left {
/* These float images left and right on one line */
	float: left;
	width: 49%;
	vertical-align: top;
}
#ePC_header .header_right {
/* These float images left and right on one line */
	float: right;
	width: 49%;
	text-align: right; /* depends on element width */
	vertical-align: top;
}
#ePC_navigation 
{
		border: 1px solid #666666;
		background-color:#f9f9f9;
}
.multipleuser { margin-top:4px;}
.multipleuser div {float:left; font-weight:bold; font-size:11px; position:relative; left:19px; top:4px; }
.multipleuser select { position:relative; left:23px;}
multipleuser div {float:left; font-weight:bold; font-size:11px; position:relative; left:19px; top:4px; }
.multipleuser input { position:relative; left:30px; height:22px;}

#ePC_navigation #ePC_main_navigation
{
	background-color:#000000;
	padding: 3px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: white;
}

#ePC_navigation #ePC_main_navigation ul {
	display: inline;
	margin: 2px 10px;
	padding: 0px;
}
#ePC_navigation #ePC_main_navigation li {
	list-style: none;
	display: inline;
}
#ePC_navigation #ePC_main_navigation a {
	color: white;
	text-decoration: none;
	font-weight: bold;
}
#ePC_navigation #ePC_main_navigation a:hover {
	text-decoration: underline;
	/*color: red;*/
}
#ePC_navigation #ePC_main_navigation img {
	vertical-align: middle;
}
#ePC_navigation #ePC_main_navigation  a.active {
	color: red;
}

#ePC_subnavigation 
{
	background-color:#f9f9f9;
	border: 1px solid #666666;
	border-style: none solid solid solid;
	margin: 0px 0px 0px 0px;
	padding: 5px 3px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: white;
}
#ePC_subnavigation ul {
	display: inline;
	margin: 2px 10px;
	padding: 0px;
}
#ePC_subnavigation li {
	list-style: none;
	display: inline;
	margin: 0px 30px;
}
#ePC_subnavigation li.heading {
	color: black;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
}
#ePC_subnavigation li.headingsmall {
	color: black;
	text-decoration: none;
	margin: 0px;
}
#ePC_subnavigation a {
	color: gray;
	font-weight: bold;
	text-decoration: none;
}
#ePC_subnavigation a:hover {
	text-decoration: underline;
	color: red;
}
#ePC_subnavigation  a.pagination {
	font-size: smaller;
}
#ePC_subnavigation  a.pagination_active_page {
	display: none;
}
#ePC_subnavigation  a.pagination_previous {
	display: none;
}
#ePC_subnavigation  a.pagination_previous_arrow {
	display: inline;
}
#ePC_subnavigation  a.pagination_next {
	display: none;
}
#ePC_subnavigation  a.pagination_next_arrow {
	display: inline;
}

#ePC_subnavigation  a:hover.pagination {
	font-size: small;
}
#ePC_subnavigation  a.arrow {
	font-size: small;
	font-weight: bold;
}
#ePC_subnavigation  a.active {
	color: red;
	font-size: small;
}

#ePC_content {
	background-color: #f9f9f9;
	border: 1px solid #666666;
	margin: 10px 0px 0px 0px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: black;
}
#ePC_content .header {
	font-size: small;
	font-weight: bold;
	color: black;
	margin: 5px 0px 0px 5px;
}
#ePC_content .content {
	font-size: small;
	color: black;
	margin: 0px 0px 10px 30px;

}
#ePC_content table {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#ePC_content table th {
	background-color: #666666;
	padding: 2px;
	font-size: x-small;
	color: #FFFBF0;
}
#ePC_content table tr.oddrow {
	line-height: 130%;
	font-size: x-small;
	text-align: left;
	background-color: #f5f5f5;
}
#ePC_content table tr.evenrow {
	line-height: 130%;
	font-size: x-small;
	text-align: left;
	background-color: #DFDFDF;
}
#ePC_content table.grid td {
	vertical-align: top;
	padding: 2px
}
#ePC_content table.grid td img {
	vertical-align: middle;
}
#ePC_content table.form {
	margin: 5px 0px;
}

#ePC_content table.form .compulsoryField { float:left;}
#ePC_content table.form .compulsoryRFField { float:left;}
#ePC_content table.form .validTextBox { float:left;}

#ePC_content table.form td {
	padding: 2px 0px 2px 0px; vertical-align:top;
}
#ePC_content .searchheader {
	margin: 10px 5px 0px 5px;
}
#ePC_content div.login {
	margin: 0px 0px;
	padding: 10px 10px;
}
#ePC_content div.login li {
	display: inline;
	list-style: none;
}

#ePC_content #search_table { width:100%; border-bottom:1px solid #999999; background-color:#f5f5f5; padding-top:5px; padding-bottom:10px; padding-left:0px; padding-right:0px;
							}
#ePC_content #search_table td {padding-left:5px; vertical-align:top; text-align:left;}
#ePC_footer {
	background-color: #F5F5F5;
	border: 1px solid #666666;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

#ePC_footernavigation {
	background-color: white;
	margin: 5px 0px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align: center;
	color: Gray;
}
#ePC_footernavigation ul {
	display: inline;
	margin: 2px 10px;
	padding: 0px;
}
#ePC_footernavigation li {
	list-style: disc;
	display: inline;
	border-color: grey;
	border-width: 1px;
	border-style: none none none solid;	
	padding: 0 0 0 4px;
	margin: 0px;
}
#ePC_footernavigation li:first-child{
	border-style: none;
}
#ePC_footernavigation a {
	color: Gray;
	text-decoration: none;
}
#ePC_footernavigation a:hover {
	text-decoration: underline;
}

.required_mark {font-weight: bold; font-size: x-small; color: red;}
.required_text {font-weight: bold; font-size: x-small; color: black;}

.search_element { padding-top:10px; top:10px}

/* Expanding menu */ 
div#menunav {width: 180px; float: right;  } 
div#menunav ul {margin: 0px; padding: 0px; } 
* html div#menunav ul { float: right;} 
div#menunav li {float: right; position: relative; list-style-type: none; text-align:left; width:170px; height:24px; background-color:Red; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; } 
 
div#menunav a {display: block; font-size:12px; color:#ffffff; position:relative; top:4px; left:7px; text-decoration:none; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif;} 
div#menunav img {display: block; font-size:12px; color:#ffffff; position:relative; top:-13px; left:140px; text-decoration:none; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif;} 
div#menunav ul li ul { margin: 0px; position: absolute; left: 0px; top:24px; } 
div#menunav ul li ul div#statistics  { text-align:left; width:170px; background-color:#000000; border-top:1px solid #ffffff; color:#ffffff; padding-top:10px; padding-bottom:10px; line-height:28px; font-family:Verdana; font-size:12px;} 
div#menunav ul li ul div#statistics div { margin-left:15px;}
div#menunav ul li ul div#statistics #orderGo {margin-right:20px;}
div#menunav ul li ul div#statistics #orderGo a { color:#ffffff; font-weight:bold; font-size:13px;}
div#menunav ul li ul div#statistics #orderGo a:hover {text-decoration:underline;}
body div#menunav ul li ul { display: none; } 
div#menunav ul li a:hover ul, div#menunav ul li ul:hover { display: block; } 


/*  Valid List  */
.validList {float:right;} 
.validList ul {margin:0px; padding:0px; } 
.validList li {position: relative; left:-28px;  list-style-type: none; text-align:center; width:30px; height:20px; background-color:Red; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; }  /*top:-25px; left:-25px; */
.validList a {display: block; font-size:12px; color:#ffffff; position:relative; top:2px; text-decoration:none; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif;} 
.validList ul li ul { margin: 0px; position: absolute; left: 0px; top:20px;  overflow:auto; width:175px; height:200px; } 
.validList ul li ul div.statistics  { text-align:left; width:158px; background-color:#000000; border-top:1px solid #ffffff; color:#ffffff; padding-top:5px; padding-bottom:5px; line-height:28px;} 
.validList ul li ul div.statistics div {height:18px; border-bottom:1px dotted #ffffff;}
.validList ul li ul div.statistics .warningList {border-bottom:1px solid #ffffff; font-size:10px;min-height:40px;background-color:Red; }
.validList ul li ul div.statistics .warningList span { line-height:11px; text-align:justify; font-weight:bold; position:relative; left:3px; top:2px;  }
.validList ul li ul div.statistics div a { font-size:11px; padding-left:5px; position:relative; top:-6px; font-weight:normal;}
.validList ul li ul div.statistics div a:hover { color:Red;}
.validList ul li ul { display: none; } 
.validList ul li:hover ul, .validList ul li ul:hover { display: block; } 

.checkElement {font-family:courier; color:#660000; font-weight:bold; display:none;}
.checkRFElement {font-family:courier; color:#660000; font-weight:bold; display:none;}
.warning {font-family:courier; color:#660000; font-weight:bold;}

.logout{float:left; height:24px;  color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif;text-align:left; font-size:small; margin-left:5px;}
.logout a {position:relative; top:4px; padding-right:5px; padding-left:5px; font-weight:bold;}

.UserName{ float:left;text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif;  border-left:3px solid #ffffff; color:#000000; font-size:small; text-align:left; height:24px;}
.UserName span {position:relative; top:3px; padding-right:5px; padding-left:5px;}
.UserName a {position:relative; padding-right:5px; padding-left:5px; font-weight:bold; color:red;}
.UserName a:hover { border-bottom:1px dotted Red; text-decoration:none;}

.fileList { border-color:Silver; border-width:1px; width:200px;}

.userListVariants { margin-left:8px;}
.listVariantPanel {width:400px; border:1px solid #999999; padding:5px; text-align:left; display:block; margin-top:10px; margin-bottom:10px; margin-left:0px;}
.listVariantPanel table td { text-align:left; vertical-align:top}
.userListVariants #userListVariantMenu { width:450px;}

#listDeleteConfirm {display:none; width:100%;}


.galleryContainer{ width:400px; height:88px; border:1px solid #000000;  background-color:#f9f9f9;}
.galleryContainer table {height:85px; vertical-align:middle; }
.theImages{ height:85px; text-align:center; vertical-align:bottom  }
.theImages img{margin-left:2px; margin-right:2px; margin-bottom:5px; filter:alpha(opacity=50); opacity:0.5;cursor:pointer; border:1px solid #000000 }
.theImages img:hover {border:1px solid Red;}
.theImages #imgBackList { height:70px; text-align:center;}
.theImages #imgList { height:70px; text-align:center;}
.arrow {cursor:pointer;}

.galleryPageContainer { height:70px; width:100%; }
.galleryPageContainer table {height:68px; width:100%; vertical-align:middle;  }
.galleryPageContainer .theImages{ width:100%; height:70px; text-align:center; vertical-align:bottom  }
#galleryPageContainer .pageList td { border-left:1px solid black;}
.galleryPageContainer .theImages img{margin-left:2px; margin-top:5px; margin-right:2px; filter:alpha(opacity=100); opacity:1.0;  cursor:pointer; border:1px solid #000000 }
.galleryPageContainer .theImages img:hover {border:1px solid Red;}
.galleryPageContainer .theImages #imgPagesList { height:75px; text-align:center;}
.galleryPageContainer .arrow img { margin-bottom:18px;}

/*--------------------------------------------------------------------------------------*/
.innerDivElement {margin-left:11px; margin-top:5px;}
#ListNameSlct {margin-left:10px; padding-top:10px;}
#sourceSelect {  width:150px;}
.manageImgList {border:1px solid #999999; width:99%; height:350px; margin-right:20px; background-color:#f9f9f9;}
.manageImgList #listMenu { width:100%; }
.manageImgList #listMenu table { width:100%;}
.manageImgList #listMenu table td { background-color:Black; color:White; text-align:center; height:25px; cursor:pointer;}
.manageImgList #listMenu table td a { color:White; text-decoration:none;}
.manageImgList #listMenu table td:hover { background-color:Red}
.listMenu { background-color:Black; color:White; text-align:center; height:25px; cursor:pointer;}
.listMenu:hover { background-color:Red;}
#CreateListName {margin-left:11px; padding-top:10px;}
#EditListName {margin-left:11px; padding-top:10px;}
#EditListSelect {margin-left:9px; padding-top:10px;}
#CopyListSelect {margin-left:9px; padding-top:10px;}
#createImageListTable {width:95%; height:140px; overflow:scroll; border:1px solid #999999; margin-left:11px; margin-top:10px;}
#createImageListTable .fname:hover {text-decoration:underline; cursor:pointer; font-weight:bold;}
#saveCreateResult { font-weight:bold; color:Red; font-size:11px; float:right}

#editImageListTable {width:95%; height:140px;  overflow:scroll; border:1px solid #999999; margin-left:11px; margin-top:10px;}
#editImageListTable .fname:hover {text-decoration:underline; cursor:pointer; font-weight:bold;}
.imgListSave { text-align:right;}

#resultCopyList {font-weight:bold; color:Red; font-size:11px; margin-left:11px;}
.imgListTable { width:100%;}
.imgPreview {float:left}

/*------------------------------------------------------------------------------*/
.BackGrndContainer { width:98%; border:1px solid #666666; margin-left:7px;}
.BackGrndSubContainer { margin-left:10px; margin-top:10px;}
#backGrndSelectDiv { margin-top:5px; }

#backGrndAddContainer { border:1px solid #999999; width:280px; text-align:left; min-height:170px; margin-left:5px; margin-right:5px; margin-top:15px; background-color:#f9f9f9;}
#backGrndAddContainer .title { background-color:Black; text-align:left; border-bottom:1px solid #ffffff; height:24px; color:White; font-weight:bold;}
#backGrndAddContainer .title div { margin-top:3px; margin-left:5px; text-align:left;}
#backGrndAddContainer #backGrndUploadtable { width:250px;}
/*------------------------------------------------------------------------------*/
#manageBackList {margin-left:10px; text-align:center; border:1px solid #999999; width:99%; height:350px; margin-right:20px; background-color:#f9f9f9; display:none}
#manageBackList #listMenu { width:100%; }
#manageBackList #listMenu table { width:100%;}
#manageBackList #listMenu table td { text-align:left; background-color:Black; color:White; text-align:center; height:25px; cursor:pointer;}
#manageBackList #listMenu table td:hover { background-color:Red}
#manageBackList #listMenu table td a { color:White; text-decoration:none;}
#createBackListTable {width:95%; height:140px; overflow:scroll; border:1px solid #999999; margin-left:11px; margin-top:10px;}
#createBackListTable .fname:hover {text-decoration:underline; cursor:pointer; font-weight:bold;}
#editBackListTable {width:95%; height:140px;  overflow:scroll; border:1px solid #999999; margin-left:11px; margin-top:10px;}
#editBackListTable .fname:hover {text-decoration:underline; cursor:pointer; font-weight:bold;}

.delButton{margin-top:5px; margin-right:7px;}

.manageCentGroupList {margin-left:10px; text-align:center; border:1px solid #999999; width:400px; height:310px; margin-right:20px; background-color:#f9f9f9;}
.manageCentGroupList #listMenu { width:100%; }
.manageCentGroupList #listMenu table { width:100%; text-align:left;}
.manageCentGroupList #listMenu table td { text-align:left; background-color:Black; color:White; text-align:center; height:25px; cursor:pointer;}
.manageCentGroupList #listMenu table td:hover { background-color:Red}
.manageCentGroupList #listMenu table td a { color:White; text-decoration:none; cursor:pointer;}

/* for Ajax staff*/
#manageAjaxCentGroupList {margin-left:10px; text-align:center; border:1px solid #999999; width:400px; height:310px; margin-right:20px; background-color:#f9f9f9;}
#manageAjaxCentGroupList #AjaxMenu { width:100%; }
#manageAjaxCentGroupList #AjaxMenu ul {display:inline;}
#manageAjaxCentGroupList #AjaxMenu li {float:left; text-align:left; background-color:Black; color:White; text-align:center; width:198px; height:25px; cursor:pointer; border:1px solid #f9f9f9;}
#manageAjaxCentGroupList #AjaxMenu li:hover {background-color:Red;}
#manageAjaxCentGroupList #AjaxMenu li a { color:White; text-decoration:none; position:relative; top:3px;}

/*---------------*/

/* Start Menu*/
#start_top { margin-top:15px; margin-left:15px;}
#start_top table { width:100%; font-size:14px; } 
#start_top table td { text-align:left; vertical-align:top;}
#start_top table td div { margin-left:15px; margin-right:10px;}
#start_top table td span { font-weight:bold; color:Red;}

#start_schema { margin-top:10px; position:inherit;}
#schema_home { position:inherit;width:120px; cursor:pointer; left:0px; float:left;   }
#schema_home table{ width:120px; height:100%;}
#schema_home table td { vertical-align:middle;}
#schema_link { width:2px; background-color:black; position:relative; float:left; top:36px; left:1px;}

.branch_level1 { position:relative; width:800px; text-align:left; float:left}
.level1 { width:180px; float:left; left:1px; background-image:url("schema_l1.gif"); background-repeat:no-repeat; }
.level1 span { position:relative; left:31px; font-size:12px; font-weight:bold; color:White; float:left;}
.level1 div { position:relative; left:50px; top:-50px; width:200px; cursor:pointer; color:Black; font-weight:bold;}
.level1 div:hover { color:Red;}

.branch_level2 {  width:445px; position:relative; float:left;}
.branch_level2 .space { height:1px;}
.branch_level2 .link {position:relative; float:left; left:0px; width:8px; background-image:url("schema_l2_link.gif"); background-repeat:no-repeat; background-position:0% 50%; border-right:1px solid #5a5a5a;}
.level2 { position:relative; height:35px;  float:left; left:1px;  }
.level2 table.tablevel2 { height:35px; position:relative; width:100%;  }
.level2 table.tablevel2 td { vertical-align:middle;}
.level2 table.tablevel2 td.backLevel2 { width:27px; background-image:url("schema_l2.gif"); background-repeat:no-repeat; background-position:0% 50%;}
.level2 table.tablevel2 td.textLevel2 { padding-left:5px;}
.level2 table.tablevel2 td div { vertical-align:middle; cursor:pointer; color:Black; text-decoration:none;}
.level2 table.tablevel2 td div:hover { color:Red;}
.level2 table.tablevel2 td a { color:Black; text-decoration:none;}
.level2 table.tablevel2 td a:hover { color:Red}

.branch_level3 {  position:relative; left:175px; width:260px; }
.branch_level3 .link {position:relative; float:left;  left:0px; width:8px; background-image:url("schema_l2_link.gif"); background-repeat:no-repeat; background-position:0% 50%; border-right:1px solid #5a5a5a;}
.level3 { position:relative; height:21px; float:left;  }
.level3 table.tablevel3 { width:100%; height:21px;}
.level3 table.tablevel3 td { vertical-align:middle;}
.level3 table.tablevel3 td.back { width:25px; background-image:url("schema_l3.gif"); background-repeat:no-repeat; background-position:0% 50%;}
.level3 table.tablevel3 td.textLevel3 { padding-left:5px;}
.level3 table.tablevel3 td div { vertical-align:middle; cursor:pointer; color:Black; text-decoration:none;}
.level3 table.tablevel3 td div:hover { color:Red;}
.level3 table.tablevel3 td a { color:Black; text-decoration:none;}
.level3 table.tablevel3 td a:hover { color:Red}

/*--------------- end of start menu -----------------*/



.createCentGroupLnk { cursor:pointer; text-decoration:underline;}

.Content1Main { background-color:#f9f9f9;}
.mainMenu_menu table td { vertical-align:top;}
.startMenuItem {  width:100%; text-align:center; min-height:40px;  }
.startMenuItem:hover { border-color:Red;}
.startMenuItemName { font-size:14px; font-weight:bold;  text-decoration:none; height:40px; color:Black; cursor:pointer; border:1px solid Black; background-color:#f0f0f0;}
.startMenuItemName:hover  { border-style:solid; background-color:Black; color:White; border-color:Black;}
.startMenuItemName span { position:relative; top:10px;}
.choiceItem {text-align:left;  border-top:None;  padding-top:10px; padding-bottom:7px; margin-top:2px;  border:1px solid black;}
.choiceItem hr { margin-left:2px; margin-right:2px;}


/* Template Table with tabs*/

#createNewDocDiv {width:260px; border:2px solid Black; height:30px; text-align:center;}
#createNewDocDiv:hover { background-color:#e9e9e9;}
#createNewDocDiv a { position:relative; top:6px; text-decoration:none; color:#333333; font-size:14px; font-weight:bold;}

#TemplateContainerTbl { width:90%;}
#tabContainerDiv { width:100%; text-align:left;}
#tabContainerDiv ul { display:inline;}
#tabContainerDiv li { list-style:none; float:left; min-width:130px; padding-left:5px; padding-right:5px; background-color:Black; color:White; font-size:12px; text-align:center; height:25px; cursor:pointer; border-right:1px solid #f9f9f9; border-top:1px solid #f9f9f9; }
#tabContainerDiv li span { position:relative; top:5px;}
#tabContainerDiv li span:hover { text-decoration:underline;}
#tabContainerShowAll { float:right; width:130px; text-align:center; color:Black; font-weight:bold; height:25px; cursor:pointer; border:1px solid Black; margin-bottom:1px;}
#tabContainerShowAll:hover { background-color:#e9e9e9;}
#tabContainerShowAll span {position:relative; top:4px;}


#TemplateListInfoContainer { border:1px solid Black; height:200px; padding:5px;}
#TemplateListInfoContainer .listMenuStyle { margin-top:10px; margin-left:5px;}
#TemplateListInfoContainer .title .name { font-size:14px; color:Red; font-weight:bold; cursor:pointer;}
#TemplateListInfoContainer .title .name:hover { text-decoration:underline;}
#TemplateListInfoContainer .title .custCode { margin-left:20px; font-size:12px;}
#TemplateListInfoContainer .title img { position:relative; top:3px; cursor:pointer;}
#TemplateListInfoContainer .menu { margin-top:10px; margin-left:10px;}
#TemplateListInfoContainer .menu table { width:500px;}
#TemplateListInfoContainer .menu table td { text-align:center; vertical-align:middle;}
#TemplateListInfoContainer .menu table td a { color:#0066cc;}
#TemplateListInfoContainer .menu .border { color:#999999;}

#TemplateListInfoContainer .moreInfo { margin-top:10px; margin-left:20px;}

#TemplateListInfoContainer .small_menu { margin-top:10px; margin-left:17px; width:300px;}
#TemplateListInfoContainer .small_menu span,a { color:#0066cc; text-decoration:underline; cursor:pointer;}
#TemplateListInfoContainer .small_menu .border { color:#999999; text-decoration:none;}

#TemplateListInfoContainer .edit { margin-top:15px; margin-left:18px;}
#TemplateListInfoContainer .edit table { width:500px;}
#TemplateListInfoContainer .edit table td { text-align:left; vertical-align:top;}
#TemplateListInfoContainer .edit table td a { color:#0066cc;}
#TemplateListInfoContainer .edit .title { font-weight:bold;}

#TemplateListInfoContainer .pendDocs { margin-left:20px; margin-top:10px;}
#TemplateListInfoContainer .pendDocs select { font-size:11px; z-index:1;}
#TemplateListInfoContainer .pendDocs .title { font-weight:bold;}

/* Styles for the CreateChildDocument Page*/
#CreateChildDocTable {width:100%; height:400px; margin-bottom:5px; border:1px solid #666666; font-family:Verdana; }
#CreateChildDocTable .headTd { height:25px;border-bottom:1px solid #666666}
#CreateChildDocTable .head { margin-left:7px; font-size:16px; vertical-align:middle; text-align:left }
#CreateChildDocTable .head span { font-size:12px}
#CreateChildDocTable .pageListTd { height:80px; text-align:left; border-bottom:1px solid #666666;}
#pageContainer { height:80px; width:100%;}
#CreateChildDocTable #leftSubTitle { float:left; width:24px; height:80px;}
#CreateChildDocTable #pagesList { float:left;height:80px; width:95%;  }
#CreateChildDocTable #pagesList table { width:100%;}
#CreateChildDocTable #pagesList table td{ vertical-align:bottom; border-style:none;}
#CreateChildDocTable #pagesList a img { border:1px solid #000000; margin-left:5px; margin-bottom:3px; }
#CreateChildDocTable #pagesList a img:hover { border:1px solid Red;}
#CreateChildDocTable #objectTD {width:210px; border-right:1px solid #666666; vertical-align:top;  }
#CreateChildDocTable #objects {  width:210px; overflow:auto;}
#CreateChildDocTable .objTitle { margin-top:10px; margin-left:10px;}
#CreateChildDocTable .objTitle .title { font-size:15px; font-weight:bold;}
#CreateChildDocTable .objTitle .title .name { cursor:pointer;}
#CreateChildDocTable .objTitle .title .name:hover { text-decoration:underline;}
#CreateChildDocTable .objTitle .title img { margin-top:2px; cursor:pointer;}
#CreateChildDocTable .objTitle .title span { margin-left:5px;}
#CreateChildDocTable .objTitle .title span span { font-size:12px; font-weight:normal;}

#CreateChildDocTable #editBackgroundLbl {margin-left:20px; margin-top:10px; margin-bottom:15px; color:#0066dd; text-decoration:underline; font-size:12px; cursor:pointer; font-weight:normal}
#CreateChildDocTable #editBackgroundLbl:hover { color:Red;}

#CreateChildDocTable #editTextBlock {margin-left:5px; margin-top:10px; margin-bottom:15px; font-size:12px;}
#CreateChildDocTable #editTextBlock .editTextLbl { margin-top:10px;}
#CreateChildDocTable #editTextBlock .editTextLbl select { width:190px; font-size:11px;}

#CreateChildDocTable #editImgBlock {margin-left:5px; margin-top:10px; margin-bottom:15px; font-size:12px;}
#CreateChildDocTable #editImgBlock .editImgLbl { margin-top:10px; float:none;}
#CreateChildDocTable #editImgBlock .editImgLbl table td {border:none; vertical-align:top;}
#CreateChildDocTable #editImgBlock .editImgLbl img { border:1px solid #000000;}
#CreateChildDocTable #editImgBlock .editImgLbl .imgTitle {  margin-left:10px;}
#CreateChildDocTable #editImgBlock .editImgLbl .editImg { cursor:pointer; text-decoration:underline; color:#0066dd;}
#CreateChildDocTable #editImgBlock .editImgLbl .editImg:hover { color:Red;}

#CreateChildDocTable #pagePreviewTD { width:540px; height:400px;   vertical-align:top}
#CreateChildDocTable #pagePreviewTD #pageInfo { margin-left:33px; margin-right:33px; margin-top:12px; }
#CreateChildDocTable #pagePreviewTD #pageInfo .name{  font-size:18px; font-weight:bold;}
#CreateChildDocTable #pagePreviewTD #pageInfo .imposed {  font-size:12px; text-align:right}
#CreateChildDocTable #pagePreviewTD #pageInfo .title .imposed a { text-decoration:none;}
#CreateChildDocTable #pagePreviewTD #pageInfo .title .imposed a:hover { text-decoration:underline;}
#CreateChildDocTable #pagePreviewTD #pageInfo table { margin-top:8px;}
#CreateChildDocTable #pagePreviewTD #pageInfo table td {border:none;}
#CreateChildDocTable #pagePreviewTD #pageInfo .pageLink a { color:#0066dd; text-decoration:none}
#CreateChildDocTable #pagePreviewTD #pageInfo .pageLink a:hover { text-decoration:underline;}
#CreateChildDocTable #pagePreviewTD #pageInfo #imgPreview { text-align:center;}
#CreateChildDocTable #pagePreviewTD .imgPrompt { color:#666666; text-align:center; margin-top:3px; margin-bottom:10px;}

#CreateChildDocTable #objAlertTD {  vertical-align:top; }
#CreateChildDocTable #objAlertTD .objectAlert { padding:10px; display:none; border-top:1px solid #666666  }
#CreateChildDocTable #objAlertTD .objectAlert .head { font-weight:bold}
#CreateChildDocTable #objAlertTD .objectAlert .Container { margin-top:10px;height:130px;}
#CreateChildDocTable #objAlertTD .objectAlert .Container table td{ border:none; vertical-align:bottom; text-align:left;}
#CreateChildDocTable #objAlertTD .objectAlert .Container .preview { margin-left:8px; float:left; width:120px;}
#CreateChildDocTable #objAlertTD .objectAlert .Container .backAmount {  background-color:Black; color:White; padding:2px 5px 2px 5px;}
#CreateChildDocTable #objAlertTD .objectAlert .Container .amount {color:Red;}
/*----------------------------------------*/

#preview {border-bottom: #ccc 1px solid; position: absolute; border-left: #ccc 1px solid; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; display: none; background: #333; color: #fff; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 5px}
.previewThumb { display:none; border:2 px solid Black; overflow:hidden;}
.previewFrame { z-index:-1;}

.attachDocsContainer { border:1px solid Black; background-color:#efefef; width:350px; max-height:175px; display:none; position:absolute; }
.attachDocsContainer .title { margin-top:0px; margin-left:15px; font-weight:bold;}
.attachDocsContainer .title span { font-size:12px; font-weight:normal;}
.attachDocsContainer .docList {height:130px; overflow:auto; }
.attachDocsContainer ul { list-style-type:decimal; margin-top:8px; font-size:12px; font-family:Verdana; }
.attachDocsContainer ul li { margin-top:3px;}
.attachDocsContainer a { text-decoration:none; font-family:Verdana; font-size:12px;}
.attachDocsContainer a:hover { text-decoration:underline;}
.attachDocsContainer .emptyDoc { font-weight:bold; font-size:11px; font-family:Verdana; margin-left:15px; margin-top:10px; margin-bottom:20px; color:Red;}
.attach_button {border:1px solid Black; cursor:pointer; position:relative; top:-1px; left:332px; }

/*------------Error List when render PDF preview --------------*/
#errorContainerParent {width:450px;  text-align:left; font-family:Verdana; margin-left:15px; margin-bottom:10px;}
#errorContainerParent .title { width:95px; cursor:pointer; height:24px;  background-color:Red; color:White; font-size:12px; font-weight:bold; text-align:center; }
#errorContainerParent .title div { margin-top:4px;}

#errorContainer { position:relative;  border:1px solid Red;  display:block; top:-24px; left:0px; text-align:left;}
#errorContainer img {  position:relative; top:-1px; left:430px; border:1px solid red; cursor:pointer;}
#errorContainer ol { margin-top:30px;}
#errorContainer ol li { color:#660000; margin-top:10px;}

#warningContainerParent { width:450px;  text-align:left; font-family:Verdana; margin-left:15px; margin-bottom:10px; }
#warningContainerParent .title { width:95px; cursor:pointer; height:24px;  background-color:Black; color:White; font-size:12px; font-weight:bold; text-align:center; }
#warningContainerParent .title div { margin-top:4px;}

#warningContainer { position:relative;  border:1px solid Black;  display:block; top:-24px; left:0px; text-align:left;}
#warningContainer img { position:relative; top:-1px; left:430px; border:1px solid black; cursor:pointer;}
#warningContainer ol { margin-top:30px;}
#warningContainer ol li { color:#000000; margin-top:10px;}

/* -- page list (on the Stocks page) -- */
.pagesDiv  .pages { font-size:10px; font-weight:bold;}
.pagesDiv { margin-bottom:3px;}
.pagesDiv .page { color:Black; text-decoration:underline; cursor:pointer;}
.pagesDiv .page:hover { color:Red;}
.pagesDiv .selected { color:Red; font-weight:bold; text-decoration:none;}

/* --        END PAGE LIST           -- */

/* -- stock thumbnails -- */
.stock_thumb { border:1px solid #333333;}
.stockthumbtd { text-align:center;}
.stockheader { text-align:left;}
.stocktable th { text-align:left;}
.stocktable td { height:45px;}

/*--- menu tab style ---*/
.tabMenu {  min-width:100px; padding-left:5px; padding-right:5px;  background-color:Black; color:White; font-size:12px; text-align:center; height:25px; cursor:pointer; }

.tabMenu:hover { background-color:Red;}
.tabMenu:hover a {background-color:Red;}
.tabMenuSelected { background-color:Red;}


/*--- Template's Object List ---*/
.objectIcons { margin-top:10px; margin-bottom:20px;}
.objectIcons .item { float:left; width:auto; cursor:pointer; color:#0066cc; text-align:center; padding:4px; width:70px;}
.objectIcons .item div { position:relative; top:-2px;}
.objectIcons .item a { text-decoration:none;}
.objectIcons .item a img {border:none;}
.objectIcons .item:hover { border-left:1px solid #eeeeee; border-top:1px solid #eeeeee; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:3px;}

.itemList {clear:both; display:none;}