/************ Wizard Menu Styles *****************/

p.menuTitle, p.menuInst{
	color: #3F3E3E;
}
p.menuTitle{
	padding: 10px 10px 20px 10px;
	font-size: 1.2em;
	font-weight: bold;
}
p.menuInst{
	padding: 10px 10px 0px 10px;
	font-weight: 700;
}
ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 100%;
}
ul.menu a {
  display: block;
  text-decoration: none;	
}
ul.menu li {
  margin-top: 0px;
  list-style: none;
}
ul.menu li a 
{
  color: #3C3C3C;
  background: Transparent none repeat scroll 0 0;	
  padding: 6px 10px;
}
ul.menu li.current
{
	border-top: solid 1px #878075;
	border-bottom: solid 1px #878075;
}
ul.menu li a.current, ul.menu li a.childSelected{
  background-image: url(images/Control/NavigationMenu/nav_current.png);
}

ul.menu li a.current:hover{
  cursor:default;
  text-decoration: none;
  font-weight: normal;
}

ul.menu li a.menu-disable, ul.menu li a.menu-disable:hover {
  color: #A7A5A0;
  cursor:default;
  text-decoration: none;
  font-weight: normal;
}

.menuHierarchy
{
	min-height:424px;
}

.menuHierarchy p.menuHeader
{
	font-weight:bold;
	color: #3F3E3E;
	font-size:1.2em;
	padding:10px;
}

.menuHierarchy ul.menu li.current, ul.menu li.childSelected
{
	border-top:1px solid #878075;
}

ul.menu li a.childSelected 
{
	border-bottom:1px solid #878075;
}

.menuHierarchy ul.menu ul li a
{
	padding-left:30px;
}

.menuHierarchy ul li a
{
	font-size:1.1em;
}
.menuHierarchy ul li ul li a
{
	font-size:10px;
}
.menuHierarchy ul ul
{
	display:none;
}
/************** PreviewPanel control Styles *********************/
hr.panelLine  {
	/*margin-left: 20px;
	margin-right: 20px;*/
	height: 1px;
	color: #B4AB9D;
	background-color:#CCCCCC;
	margin:15px 0px 25px 0px;
}

p.panelTitle  {
	text-align: center;
	color: #1E4B3C;
	font-size: 1.7em;
	/*margin-top: 25px;*/
}

span.panelTitle {
	text-align:center;
	color: #1E4B3C;
}

div.panelImage {
	text-align:center;
}
div.attr-container{
	margin:20px 0px;
}

ul.panel, ul.panel ul 
{
  list-style-type:none;
  text-align: left !important;
  /*margin: 20px 20px 20px;*/
}

ul.panel li {
  list-style: none;
  margin-bottom: 8px;
}

ul.panelBullet, ul.panelBullet ul {
  text-align: left !important;
  padding-left: 15px;
}

ul.panelBullet li {
  margin-bottom: 8px;
}

div.panelTitle {
	text-align: center; 
	/*margin-bottom: 15px;*/
}

div.mainPanel {
	margin:25px 20px 5px 20px;
}

p.panelTitle
{
	color:#1E4B3C;
	font-size:1.7em;
	text-align:center;
}

ul.panel font
{
	font-size: 1em !important;
	color:#AF5135;
}
/************* Attribute Selection List Control ****************/
.asl-clear { clear:both; }
.asl-container ul { list-style: none; padding:0px; margin:0px; float:left; width:100%; }
.asl-container li { list-style: none; float:left; padding:5px; }
.asl-container li div { text-align:center; }
.asl-container li div p { text-align:left; }
.asl-select { padding:5px 0px; }
.asl-image a { cursor:default !important; }

.asl-container table, .asl-container td { border-collapse:collapse; } 
.asl-container td { vertical-align:top; padding-bottom:10px; *padding-bottom:15px; }
td.asl-input { padding-top:22px; *padding-top:21px; }
td.asl-select { padding-top:25px; padding-left:5px; }
td.asl-image { padding-right:5px; }
td.asl-image div { text-align:center; }
td.asl-desc { cursor:default; }
td.asl-desc h3 { margin-bottom:5px; color:#AF5135; font-size:1.2em; font-weight:bold; }

/*************  PageLayout Control ****************/
table.page-layout{ margin: 25px 15px 0px 15px; border-collapse:collapse; table-layout:fixed; }
tr.page-layout-content{ vertical-align: top; }
tr.page-layout-content td div.page-layout-dummy{ min-height: 270px; }
td.page-layout-title,td.page-layout-first-col{ color: #1E4B3C; font-size: 1.7em; padding-bottom:10px; }
td.page-layout-content-left { border-right: 1px solid #B4AB9D; /*padding-right:5px;*/ }
/*td.page-layout-content-left div{ padding-right: 10px; }
td.page-layout-content-right div{ padding-left: 10px; }*/
.pageDesc.page-layout-desc { margin-bottom:15px; }
.pageDesc.page-layout-desc a { font-weight:700; color:#1E4B3C !important;}
.pageDesc.page-layout-desc a:hover { font-weight:700; color:#7BA742 !important; text-decoration: none;}
.page-layout-content-footer { padding:10px 0px; }
table.page-layout-no-header { border-collapse:collapse; }
td.page-layout-first-col.no-header { padding-right:5px; }
p.pageDesc b{color: #1e4b3c;}
/*************  NavigationLink Control ****************/
.navlink_item_separator{ color: #aaaaaa; }
.navlink_wrapper{ float: left; }
ul.navlink{ padding-left: 0px; margin-left: 0px; }
ul.navlink li{ float:left; padding: 0px 5px 0px 5px; list-style-type: none; }
ul.navlink li a{ color: #7BA742; font-weight: bold;	text-decoration:none; }
ul.navlink li a:hover{ color: #1E4B3C; }

/*************  CommandList Control ****************/
.command-clear { clear:both; }
.command-container ul { list-style: none; padding:0px; margin:0px; }
.command-container ul li { list-style: none; float:left; margin:5px; }
.command-item { padding:5px 10px; background:transparent url(images/control/commandlist/bg.png) repeat-x scroll 0 0; }
.command-action { font-weight:700; color:#679925 !important; text-decoration:none; }
.command-action:hover { font-weight:bolder; color:#008000 !important; text-decoration:none; }
.command-desc { margin:0px !important; padding:5px 0px !important; }
.command-desc a { margin:0px !important; padding:5px 0px !important; font-weight:700; color:#1E4B3C !important;}
.command-desc a:hover { margin:0px !important; padding:5px 0px !important; font-weight:700; color:#7BA742 !important; text-decoration:none;}
.command-action-disable { font-weight:700; color:#969696 !important; text-decoration:none; cursor: default; }

/*************  MessageBox Control ****************/
.msg-box { margin:5px; padding:5px; }
.msg-box table { width:100%; border-collapse:collapse; }
.msg-box-icon { text-align:center; padding-right:5px; width:10%; }
.msg-box-info { font-size:1.1em; }
.msg-box-title { font-weight:bold; }

.msg-box.error { border:1px solid #C60000; background-color:#FFFFFF; }
.msg-box.error .msg-box-title { color:#C60000; }

.msg-box.warning { border:1px solid #C67A00; background-color:#FFFFFF; }
.msg-box.warning .msg-box-title { color:#C67A00; }

.msg-box.information { border:1px solid blue; background-color:#FFFFFF; }
.msg-box.information .msg-box-title { color:blue; }

.msg-box.success { border:1px solid #26775C; background-color:#FFFFFF; }
.msg-box.success .msg-box-title { color:#26775C; }

/*************  Select Your Room Size Page ****************/
.checkbox input{ margin-left: 0px; }
a.img_10x10, a.img_12x12, a.img_16x12{ cursor: default !important; }
.SelectRoomSize-select-size select { width:45px; }
.SelectRoomSize-dimension {color:#B76348; margin-bottom:10px;}
.SelectRoomSize-length-width td { padding-bottom:6px; }
.SelectRoomSize-x { margin-left:5px; }
.SelectRoomSize-preview { margin:10px 0px; }

/*************  Complete Your Design Page ****************/
td.content-header{color:#9B452A; font-size:12px !important; font-weight:bold;}
tr.empty-row{ height:15px; }
.content-image{ padding-top:20px; }
.radioButtonList{ width:100%; }
.radioButtonList td { width:50%; }
.post-selection li div { text-align: center; padding-top: 8px; }
.post-selection li { padding-left:4px; }

/************** Select Tool Page *********************/
.SelectTool-container { margin:19px 19px 0px 19px; *margin:18px 18px 0px 18px; }
.SelectTool-title1 { margin:10px 0px; }
.SelectTool-title2 { margin:10px 0px; *margin:5px 0px 10px 0px; }
.SelectTool-img-desc { vertical-align:top; }
.SelectTool-desc { padding-left:20px; }
.SelectTool-line { margin-top:20px; *margin-top:10px; }
.SelectTool-selecting { border-collapse:collapse; text-align:center; }
.SelectTool-select-choice { line-height:15px; font-size:1em; }
.SelectTool-select-arrow { margin:10px 0px; }
.SelectTool-wizard-title {font-weight: bold; color: #b1563a;}
.SelectTool-design-title {font-weight: bold; color: #26729d;}
.Select-tool-img1 {float: left; padding: 3px 15px 8px 0px;}

/************** Select Project Type Page *********************/
.SelectProjectType-container { margin:17px 17px 8px 17px; *margin:17px 17px 10px 17px; }
.SelectProjectType-title1 { margin:10px 0px; }
.SelectProjectType-title2 { margin:10px 0px; *margin:5px 0px 10px 0px; }
.SelectProjectType-img-desc { vertical-align:top; }
.SelectProjectType-red-desc { color:#B76348; margin-top:15px; }
.SelectProjectType-line { margin-top:15px; *margin-top:5px; }
.SelectProjectType-link { margin-top:24px; *margin-top:5px; }

/************** Select Your Walls Page *********************/
.SelectYourWalls-toggleWall { padding-top:10px; }
.SelectYourWalls-left, .SelectYourWalls-back, .SelectYourWalls-right { cursor:pointer; }

/************** Select Your Runs and Lengths Page *********************/
.length-box { padding: 5px 0px 5px 0px; }
.run-box { margin: 5px 0px 5px 15px;  width: 60%;}
.custom-validator { color: Red; display: inline; }
.validate-text { display: none; color: Red; }
div.lengths-sample-area a, a.marker
{ cursor: default !important; }

/*************  ToolTip Control ****************/
/* global */
#cluetip-close img { border: 0;}
#cluetip-title { overflow: hidden;}
#cluetip-title #cluetip-close {float: right; position: relative; }
#cluetip-extra { display: none; }
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */
.cluetip-default {
  background-color: #F9F1E4;
  
  position: absolute;
  padding: 5px 8px;
  z-index: 2;
  
  color: #303030;
  background-color: #F9F1E4;
  border: 1px solid #B4AB9C;
  
  line-height: 15px;
  text-align: left;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #F9F1E4;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/*************  Signin page ****************/
td.signInCell
{
	text-align: right;
}
td.forgotPassword
{
	padding-left: 60px;
	padding-top: 10px;
	padding-bottom: 30px;
}
div.signInTitle
{
	padding-bottom: 15px; padding-top: 20px; padding-left: 30px;
}
a.signInLink
{
	color:#1E4B3C !important;
	font-weight: bold !important;
	text-decoration:underline !important;
	font-size:1.1em;
}
a.signInLink:hover
{
	color:#7BA742 !important;
	font-weight: bold !important;
	text-decoration:underline !important;
	font-size:1.1em;
}
a.signInLinkCreateProject
{
	color:#1E4B3C !important;
	font-weight: bold !important;
	text-decoration:underline !important;
	font-size:1.6em !important;
}
a.signInLinkCreateProject:hover
{
	color:#7BA742 !important;
	font-weight: bold !important;
	text-decoration:underline !important;
	font-size:1.6em !important;
}
span.signInTitle
{
	color:#1E4B3C !important;
	font-size:1.7em !important;
}
a.signInTitle
{
	color:#1E4B3C !important;
	font-size:1.7em !important;
}
td.signInLabel
{
	padding-left: 60px; padding-bottom: 5px;
}
td.signInInput
{
	padding-bottom: 5px;
}
div.signInRegister
{
	padding-bottom: 15px; padding-top: 20px; padding-left: 30px;
}
td.signInFooter
{
	padding-left: 60px;
	padding-bottom: 30px;
}

.loginform
{
	width:345px;
}

div.leftColumn
{
	height:2em;
	padding-left:65px;
	padding-top:3.7px;
}

div.rightColumn
{
	float: right;
}

/*************  Registration page ****************/
div.registerTitle
{
	padding-bottom: 15px; padding-top: 20px; padding-left: 30px;
}
td.registerDescription
{
	padding-left: 60px;
	padding-right: 50px;
	font-size:1.1em;
}
td.registerAccountInfo
{
	padding-left: 60px; 
	padding-bottom: 15px;
}
div.registerDescription
{
	padding-bottom: 10px;
}
div.registerAccountInfo
{
	padding-bottom: 15px; padding-top: 20px; padding-left: 30px;
}
td.registerInputLabel
{
	text-align:right
}
td.registerInputField
{
	padding-left: 5px;
}
td.registerCheckbox
{
	padding-left: 60px; padding-bottom: 7px; padding-top: 10px;
}
td.registerButton
{
	text-align:center;
}
span.signInLable
{
	padding-right: 37px;
}
span.descriptionText
{
	color:#3C3C3C !important;
	font-family:Verdana,Arial,Helvetica,sans-serif !important;
	font-size:1em !important;
	font-weight:normal !important;
}
span.labelStyle
{
	font-size:1.1em;
}
input.InputTextStyle
{
	width: 200px; 
	font-size: 1.1em;
	width: 200px; 
	padding-bottom: 2px; 
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px; 
}
select.InputDropdownList
{
	font-size: 1.1em;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
}
div.PagingControl
{
	float:right;
}
/*************  TopLinks Control ****************/
.toplink_wrapper{ float: right; margin: auto 5px; font-size: 9px; }
ul.toplink{ padding-left: 0px; margin-left: 0px; }
ul.toplink li{ float:left; padding: 0px 1px 0px 1px; list-style-type: none; }
ul.toplink li a{ color:#1E4B3C; font-weight: bold; text-decoration:none; }
ul.toplink li a:hover{ color: #7BA742; }

/************* GridSelection Control ****************/
/* common */
.gs-clear { clear:both; }
.gs-container ul { list-style: none; padding:0px; margin:0px; float:left; width:100%; }
.gs-container li { list-style: none; float:left; }
/* content */
.gs-content { min-height:315px; }
.gs-content li { cursor:default; padding:10px 0px; *padding:5px 0px 10px 0px; width:33%; }
.gs-content li div { text-align:center; }
.gs-image a { cursor:default !important; }
.gs-text { padding:5px 0px; }
/* footer */
.gs-footer { padding:10px 0px; }
/* footer - actions */
.gs-actions { float:left; }
.gs-seperator { padding:0 5px; color:#969696; }
.gs-action-item { color:#7BA742 !important; font-weight:bold; text-decoration:none !important; }
.gs-action-item:hover { color:#1E4B3C!important; }
/* footer - paginate */
.gs-paginate { float:right; }
.gs-paginate-first, .gs-paginate-prev, .gs-paginate-next, .gs-paginate-last { cursor:pointer; height:16px; width:12px; }
.gs-paginate-first.disabled, .gs-paginate-prev.disabled, .gs-paginate-next.disabled, .gs-paginate-last.disabled { cursor:default; }
.gs-paginate-first { background:transparent url(images/Control/GridSelection/pageFirst.png) no-repeat scroll center center; }
.gs-paginate-first.disabled { background:transparent url(images/Control/GridSelection/pageFirst_disable.png) no-repeat scroll center center; }
.gs-paginate-prev { background:transparent url(images/Control/GridSelection/pagePrev.png) no-repeat scroll center center; }
.gs-paginate-prev.disabled { background:transparent url(images/Control/GridSelection/pagePrev_disable.png) no-repeat scroll center center; }
.gs-paginate-next { background:transparent url(images/Control/GridSelection/pageNext.png) no-repeat scroll center center; }
.gs-paginate-next.disabled { background:transparent url(images/Control/GridSelection/pageNext_disable.png) no-repeat scroll center center; }
.gs-paginate-last { background:transparent url(images/Control/GridSelection/pageLast.png) no-repeat scroll center center; }
.gs-paginate-last.disabled { background:transparent url(images/Control/GridSelection/pageLast_disable.png) no-repeat scroll center center; }
.gs-paginate-text input { border:1px solid #DDDDDD; margin:0 5px; overflow:visible; text-align:center; width:30px; }
.gs-paginate-text-page { margin-left:5px; }
.gs-paginate-text-total { margin:0px 5px; }

/************* PagingControl ****************/
.paging-first, .paging-prev, .paging-next, .paging-last { cursor:pointer; height:16px; width:12px; }
.paging-first.disabled, .paging-prev.disabled, .paging-next.disabled, .paging-last.disabled { cursor:default; }
.paging-first { background:transparent url(images/Control/PagingControl/pageFirst.png) no-repeat scroll center center; }
.paging-first.disabled { background:transparent url(images/Control/PagingControl/pageFirst_disable.png) no-repeat scroll center center; }
.paging-prev { background:transparent url(images/Control/PagingControl/pagePrev.png) no-repeat scroll center center; }
.paging-prev.disabled { background:transparent url(images/Control/PagingControl/pagePrev_disable.png) no-repeat scroll center center; }
.paging-next { background:transparent url(images/Control/PagingControl/pageNext.png) no-repeat scroll center center; }
.paging-next.disabled { background:transparent url(images/Control/PagingControl/pageNext_disable.png) no-repeat scroll center center; }
.paging-last { background:transparent url(images/Control/PagingControl/pageLast.png) no-repeat scroll center center; }
.paging-last.disabled { background:transparent url(images/Control/PagingControl/pageLast_disable.png) no-repeat scroll center center; }
.paging-text input { border:1px solid #DDDDDD; margin:0 5px; overflow:visible; text-align:center; width:30px; }
.paging-text-page { margin-left:5px; }
.paging-text-total { margin:0px 5px; }

/************ AttributeSelection instruction *******/
span.AttributeInstruction { color:#B76348; }

/************ SessionTimeout Page *******/
.session-timeout
{
	margin:35px 20px 20px 20px;
}
.session-timeout p a
{
    color:#1E4B3C;
    font-weight:bold;
    text-decoration:underline;
}
.session-timeout p a:hover
{
    color:#7BA742;
}

/************* NewOpenProject **************/
.title
{
	color:#1E4B3C;
	font-size:1.7em;
}
.brief-intro
{
	padding:0px 0px 20px 51px;
}
.new-open-project-container
{
	padding:20px 30px;
}
.new-open-project-container .brief-intro, .new-open-project-container .instruction, 
.new-open-project-container .select-project-option, .new-open-project-container .action-button
{
	padding-top:10px;
}
.error-message
{
    color:red;
    display:none;
}
div#new-project, div#select-existing-project
{
	padding:5px 0px 5px 46px;
}
.new-open-project-container .action-button
{
	float:right;
}
.brief-intro span, .select-project-option input, 
.select-project-option span, .select-project-option label
{
	font-size:1.1em;
}
div#new-project input[type="checkbox"] {margin-left:15px;}
/******************** CreateNewProject *********************/
.create-new-project
{
	padding:20px 30px;
}
.introductory-description
{
	padding:10px 0px 20px 51px;
	font-size:1.1em;
}
.project-sample
{
	padding-top:10px;
}
.create-new-project .action-button
{
	float:right;
}
select option
{
	padding-right:8.5px;
}
.sample-image
{
	text-align:center;
	padding:20px 0px 10px 0px;
}
.sample-image img
{
	padding:15px;
}
a.sample-image1, a.sample-image2, a.sample-image3{ cursor: default !important; }

/*************************Help*******************************/
ul.seeAlso 
{
  padding-top:10px;
}
ul.seeAlso span 
{
	color:#1E4B3C;
	display:block;
	font-size:1.7em;
	padding-bottom:10px;
}
ul.seeAlso li
{
	list-style-type:none;
	padding-bottom:2px;
}
ul.seeAlso li a
{
	color:#1E4B3C;
	text-decoration:underline;
}
ul.seeAlso li a:hover
{
    font-weight: normal;
}
.helpPage
{
	margin:7px 17px 8px;
}
.help-description
{
	padding:10px 0px;
}
.help-description-above, .help-description-withImg
{
	padding-top:10px;
}
.captureImage
{
	padding:20px 0px 10px 0px;
}
.listImg
{
	padding:10px 0px;
	margin-left:-30px;
}
.captureImage, .listImg {text-align:center;}
ul li .listImg
{
	margin-left:-30px;
}
.help-description span .help-title
{
	font-weight:bold;
}
.help-steps ul li
{
	list-style-type:decimal;
}
.help-steps ul li ul li
{
	list-style-type:lower-alpha;
}
.help-description-withImg ul span, .help-description ul span
{
	display: block;
}
.help-description ul li, .help-description-withImg ul span, .help-description ul span
{
	margin-bottom:5px;
}
ul.seeAlso li a, .help-description, .help-description-above, .help-description span .help-title, .help-description-withImg
{
	font-size:1.1em;
}
.help-description-withImg ul li, .help-description ul li
{
	margin-left:30px;
}

/***************** SaveProjectDialog and ProjectNameDialog ***********************/
.save-project-dialog-content { display:none; min-height:50px; }
.save-project-dialog-content table { border-collapse:collapse; width:100%; margin-top:10px; }
.save-project-dialog-content table td { padding:5px 0px; }
.save-project-dialog-content .tx-project-name { width:170px; }
.save-project-dialog-content .msg-error-dialog { display:none; color:red; }

/* overrid style of dialog jquery ui */
.save-project-dialog, .save-project-dialog .ui-widget-content { background:#F6E9D6 none repeat scroll 0 0 !important; }
.save-project-dialog .ui-dialog-titlebar { *padding-bottom:0.5em !important; }
.save-project-dialog .ui-dialog-titlebar span { font-family:trajan-regular,Verdana,Arial,Helvetica,sans-serif !important; }
.save-project-dialog .ui-widget-content { border:1px solid #F6E9D6 !important; }
.save-project-dialog .ui-widget-header { background:#F9F1E4 none repeat scroll 0 0 !important; }
.save-project-dialog .ui-dialog-content { padding:0em 1em !important; }
.save-project-dialog .ui-dialog-buttonpane { margin:0 !important; padding:0 7px 0 0 !important; float:right !important; }
.save-project-dialog .ui-dialog-buttonpane button { float:none !important; }
.ui-corner-all.save-project-dialog, .save-project-dialog .ui-corner-all, .ui-widget-shadow 
{ 
	-moz-border-radius-bottomleft:0px !important; 
	-moz-border-radius-bottomright:0px !important; 
	-moz-border-radius-topleft:0px !important; 
	-moz-border-radius-topright:0px !important; 
}
/***************** Pop-up*******************/
a.popupLink {
color:#1E4B3C !important;
font-weight:bold !important;
text-decoration:underline !important;
}
a.popupLink:hover
{
	color:#7BA742 !important;
	font-weight: bold !important;
	text-decoration:underline !important;
}
*input[type="checkbox"],input[type="radio"], select {vertical-align:middle !important;}
input[type="checkbox"], input[type="radio"] {vertical-align:text-top;}