/************************GLOBAL RESET**************************/
html, body,
fieldset, form, label, legend
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
:focus { outline: 0; }
body 
{
	line-height: 1;
	color: black;
	background: white;
}
caption, th {
text-align: left;
font-weight: normal;
}
/************************GLOBAL STYLES**************************/
body, td, th, input, select, textarea, button, .sb-text, .text { font-family: Tahoma, sans-serif; font-size: 8pt; color: #000000; }
a { color: #0240A3; }

fieldset { border-top: 1px solid #D1D1D1; margin-bottom: 10px;  text-align: left; }
legend { margin-left: -7px; font-weight:bold; padding-right: 5px; }
fieldset > legend { margin-left: 0; }
.clear { clear: both; }
.fieldset-block { padding: 10px 0; text-align: left; }

/************************COMMON**************************/
.hidden { display: none; }

/*tool*/
.admin-tool-container 
{ 
	cursor: pointer;
	float: left; 
	margin-right: 6px; 
	width: 74px; 
}
.admin-tool-container img { margin-bottom: 5px; }
.admin-tool-container  td { text-align: center; }
.admin-tool-text-area {}

/*link-button*/
.link-button-container { cursor: pointer; }
.link-button-image-area {}
.link-button-text-area  { padding-left: 5px; }
.link-button-text-area a { color: #000000; text-decoration: underline;  white-space: nowrap; }


/*FORMS*/
label { color: #444; }
.hint { color: #555; }
.input { 
	padding-left: 3px;
}
span.radio, span.check { display: block; }
input.radio, span.radio input, input.check, span.check input
{
	width: 18px;
	height: 13px;
	margin: 3px 0 0 0;
	padding: 0;
}
span.radio label , span.check label
{
	margin-left: 6px;
	color: #555555;
}
.form-separator 
{  
	background-color: #d0d0d0;
	height: 1px;
	margin-bottom: 10px;
}
.tabbed-page-form-separator
{  
	background-color: #d0d0d0;
	height: 1px;
	margin: 10px 0;
}
.form-fields-separator
{
	background-color: #e5e5e5;
	height: 1px;
	margin: 10px 0;
}
.form-spacer { height: 10px; }
.form-tools-container { width: 100%; }

.asterix { color: #f00; }
.alert-label
{ 
	color: #f00;
	font-weight: bold; 
}
.alert { color: #f00; }
.alert-area { background-color: #FFD9D9; }

.ok-cancel-container { float: right; }
.cancel-area { padding-left: 6px; }

/*tables*/
.scroll-table 
{
	margin-bottom: 10px;
	overflow: auto;
	/*height: 200px;*/
	position: relative;
	width: 100%;
}
.scroll-table tr.fixed 
{
	background-color:transparent;
	position: relative;
	top: expression(this.parentElement.parentElement.parentElement.scrollTop);
}

.scroll-table>table tbody {
	/*height: 150px;*/
	overflow: auto;
	overflow-x: hidden;
}

/*list*/
.list-tool-block { float: left; margin: 0 15px 10px 0; }
.list-show-container {  }
.list-show-view-text-area {}
.list-show-view-text-area span {}
.list-show-view-list-area { padding-left: 5px; padding-right: 15px; }
.list-show-view-list-area select {}
.list-show-search-input-area { padding-right: 10px; }
.list-show-search-input-area input {}
.list-show-search-tool-area { padding-right: 10px; }
.list-show-showall-tool-area {}
.list-pager-container { margin: 10px 0; width: 100%; }
.list-pager-total-area {  width: 33%; }
.list-pager-go-area { text-align: center; width: 33%; }
.list-pager-go-area strong { font-weight: normal; }
.list-pager-numbers-area { text-align: right; width: 33%; }
.list-pager-numbers-area strong { font-weight: normal; }
.list-table 
{ 
	border-collapse: collapse; width: 100%;
	border: 1px solid #fff;
}
.list-table th
{ 
	border-right: 1px solid #ffffff;
	height: 16px;
}
.list-table th div
{ 
	background-color: #D6DFF7;
	height: 100%;
	padding: 3px 5px;
	white-space: nowrap;
}
.list-table th div img { vertical-align: top; }
.list-table th div input.check { margin-top: 1px;  }
.list-table th a, .list-table th { color: #000000; font-weight: bold; text-decoration: none; }
.list-table th a:hover { text-decoration: underline; }
th.list-table-active-area div
{ 
	padding: 3px 5px; 
	background-color: #ABBEEF;
}
.list-table-active-area a { color: #000000; text-decoration: none; }
.list-table-active-area a:hover { text-decoration: underline; }
.list-table-active-area img { margin-left: 3px; }
.list-table td 
{
	padding: 3px 5px; 
	background-color: #ffffff;
}
.list-table-row-alter td { background-color: #F0F0F0; }
.list-table-row-strong td { background-color: #ccc; }
.list-table-strong { margin-bottom: 10px; }
.list-table td input.check { margin-top: 1px;  }

/************************ADMIN**************************/
.admin-contentbar-area { width: 100%; }
.admin-contentbar-container { width: 100%; height: 100%; }
.admin-content-area 
{ 
	background-color: #F9F8F8; 
	height: 100%; 
	padding: 10px; 
	vertical-align: top; 
}

.login-container 
{ 
	border:1px solid #CCCCCC; 
	margin: auto; 
	margin-top: 40px; 
	width: 453px; 
}
.login-header-area { height:59px; padding: 0 5px 0 75px; }
.login-header-area span 
{
	color: #FFFFFF;
	font-family: "Franklin Gothic Medium", Verdana, sans-serif;
	font-size: 19px;
}
.login-content-area { padding: 15px 10px 10px 10px; }
.login-tools-container {  margin-top: 10px; width: 100%; }
.login-tools-link-area {}
.login-tools-link-area a { color: #444; }
.login-tools-button-area {}
.login-tools-button-area table { float: right; }
.login-footer-block {  margin: auto; margin-top: 8px; text-align: right; width: 453px; }
.login-footer-block span { color:#5D5D5D; font-size:10px; }
.login-footer-block a { color:#5D5D5D; font-size:10px; }
.login-footer-block sup { font-family: Arial, sans-serif; font-size: 6px; }






.sb-input {  }
.sb-button { cursor: pointer; margin: auto; }
.sb-button-left {}
.sb-button-middle { text-align: center; white-space: nowrap; }
.sb-button-right {}

/************************WIZARD**************************/
.sb-wizard-layout { width: 100%; height: 100%; }
.sb-wizard-layout-header { height: 40px; }
.sb-wizard-layout-info { height: 38px; }
.sb-wizard-layout-content {
  height: 100%;
  vertical-align: middle;
}
.sb-wizard-layout-footer { height: 40px; }

.sb-wizard-content-block { width: 100%; height: 100%; }
.sb-wizard-content-templates { width: 90%; }
.sb-wizard-content-settings { width: 10%; }

.sb-wizard-content-templates-block { width: 100%; height: 100%; }
.sb-wizard-content-templates-categories
{
  height: 33px;
  background-color: #EFEFEF;
  border-bottom: 1px solid #D6D6D6;
  padding: 0 5px;
}
.sb-wizard-content-templates-thumbnails { height: 100%; padding: 5px; vertical-align: top; }
.sb-wizard-content-templates-pager
{
  height: 33px;
  background-color: #EFEFEF;
  border-top: 1px solid #D6D6D6;
  padding: 0 5px;
}

.sb-wizard-content-templates-categories-block {}
.sb-wizard-content-templates-categories-category-text { padding-right: 5px; }
.sb-wizard-content-templates-categories-category-select { margin-left: 5px; }
.sb-wizard-content-templates-categories-category-separator
{
  width:1px;
  height:20px;
  background-color: #9F9F9F;
  margin: 0 10px;
}
.sb-wizard-content-templates-categories-search-text { padding-right: 5px; }
.sb-wizard-content-templates-categories-search-input { width: 300px; margin: 0 5px; }
.sb-wizard-content-templates-categories-search-go-button {}
.sb-wizard-content-templates-categories-search-go-block {}
.sb-wizard-content-templates-categories-search-show-button { margin-left: 3px; }
.sb-wizard-content-templates-categories-search-show-block { margin: 0 5px; }

.sb-wizard-content-templates-thumbnails-big 
{ 
	float: left; 
	margin: 0 10px 10px 0;
	width: 270px; 
	cursor: pointer;
}
.sb-wizard-content-templates-thumbnails-big-block { width: 100%; height: 100%; }
.sb-wizard-content-templates-thumbnails-big-main { height: 100%; border: 2px solid #FF3D0C; padding: 3px 7px 2px 7px; }
.sb-wizard-content-templates-thumbnails-big-main-text-bold { font-weight: bold; font-family: Arial,sans-serif; padding-right: 5px; }
.sb-wizard-content-templates-thumbnails-big-main-text {}
.sb-wizard-content-templates-thumbnails-big-main-separator { height: 2px; }

.sb-wizard-content-templates-thumbnails-big-footer { height: 20px; }
.sb-wizard-content-templates-thumbnails-big-footer-block { width: 100%; height: 100%; }
.sb-wizard-content-templates-thumbnails-big-footer-left { height: 100%; }
.sb-wizard-content-templates-thumbnails-big-footer-middle { width: 100%; text-align: center; }
.sb-wizard-content-templates-thumbnails-big-footer-right { height: 100%; }
.sb-wizard-content-templates-thumbnails-big-footer-text { text-transform: uppercase; color: #ffffff; }

.sb-wizard-content-templates-thumbnails-normal 
{ 
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 5px 6px;  
	border: 1px solid #cccccc; 
	cursor: pointer;
}
.sb-wizard-content-templates-thumbnails-normal-active 
{ 
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 5px 6px;  
	border: 1px solid #FF3D0C; 
	cursor: pointer;
}
.sb-wizard-content-templates-thumbnails-normal-block {}
.sb-wizard-content-templates-thumbnails-normal-main {}
.sb-wizard-content-templates-thumbnails-normal-footer { padding: 10px 0 5px 0; }
.sb-wizard-content-templates-thumbnails-normal-footer-text-bold { font-weight: bold; font-family: Arial,sans-serif; }
.sb-wizard-content-templates-thumbnails-normal-footer-text { font-family: Arial,sans-serif; }

.sb-wizard-content-templates-pager-block {}
.sb-wizard-content-templates-pager-back {}
.sb-wizard-content-templates-pager-page-text { padding: 0 5px; }
.sb-wizard-content-templates-pager-separator
{
  width:1px;
  height:20px;
  background-color: #9F9F9F;
  margin: 0 10px;
}
.sb-wizard-content-templates-pager-go-text {}
.sb-wizard-content-templates-pager-input { width: 36px; margin: 0 4px 0 8px; }
.sb-wizard-content-templates-pager-go {}

.sb-wizard-content-settings-title { padding: 0 10px; }
.sb-wizard-content-settings-title-text { font-weight: bold; }

.sb-wizard-content-settings-block
{
  width: 100%;
  height: 100%;
  background-color: #EFEFEF;
  border-left: 1px solid #D6D6D6;  
}
.sb-wizard-content-settings-block-inner { vertical-align: top; padding: 5px 0; }
.sb-wizard-content-settings-schemes { width: 100%; }
.sb-wizard-content-settings-schemes-thumbnails { width: 100%; padding: 3px 10px 0 10px; }
.sb-wizard-content-settings-schemes-thumbnails-block { width: 100%; }
.sb-wizard-content-settings-schemes-thumbnail {}
.sb-wizard-content-settings-schemes-thumbnails-normal 
{ 
	border: 2px solid #cccccc; 
	background-color: #ffffff; 	
	cursor: pointer;
}
.sb-wizard-content-settings-schemes-thumbnails-inner { padding: 5px 5px 10px 5px; }
.sb-wizard-content-settings-schemes-thumbnails-active 
{ 
	border: 2px solid #FF3D0C; 
	background-color: #ffffff; 
	cursor: pointer;
}

.sb-wizard-content-settings-separator { height: 1px; background-color: #E5E5E5; margin: 5px 0; }
.sb-wizard-content-settings-buy { width: 100%; }
.sb-wizard-content-settings-buy-inner { text-align: center; }
.sb-wizard-content-settings-buy-link { text-decoration: none; }
.sb-wizard-content-settings-buy-text { padding-left: 5px; }

.sb-wizard-content-settings-banners { width: 100%; }
.sb-wizard-content-settings-banners-thumbnails{ padding: 3px 10px 0 10px; }

.sb-wizard-content-settings-banners-thumbnails-block 
{ 
	border: 1px solid #9B9B9B; 
	background-color: #ffffff; 
	width: 100%; 
	border-collapse: collapse;
	cursor: pointer; 
	width: 249px;
}
.sb-wizard-content-settings-banners-thumbnails-current 
{ 
	background-color: #ffffff; 
	width: 100%; 
	text-align: center; 
}
.sb-wizard-content-settings-banners-thumbnails-drop { vertical-align: bottom; }
.sb-wizard-content-settings-banners-thumbnails-alternative 
{
	border: 1px solid #9B9B9B; 
	overflow: auto; 
	position: absolute; 
	/*display: block; */
	display: none; 
	z-index: 1; 
	width: 249px;
}
.sb-wizard-content-settings-banners-thumbnails-alternative-active
{
	width: 100%; 
	cursor: pointer;
	border: 2px solid #FF3D0C; 
	background-color: #ffffff;
}
.sb-wizard-content-settings-banners-thumbnails-alternative-active-inner 
{ 
	text-align: center; 
	padding-right: 19px; 
}
.sb-wizard-content-settings-banners-thumbnails-alternative-normal
{
	width: 100%; 
	cursor: pointer;
	background-color: #ffffff;
}
.sb-wizard-content-settings-banners-thumbnails-alternative-normal-inner 
{ 
	text-align: center; 
	padding-right: 19px; 
}
.sb-wizard-content-settings-banners-upload  { padding: 3px 10px 0 10px; }
.sb-wizard-content-settings-banners-upload-block { width: 100%; }
.sb-wizard-content-settings-banners-upload-input-block { width: 100%; }
.sb-wizard-content-settings-banners-upload-button-block { padding-left: 5px; }
.sb-wizard-content-settings-banners-upload-input { width: 100%; }
.sb-wizard-content-settings-banners-upload-button {  }

.sb-wizard-content-settings-menus { width: 100%; }
.sb-wizard-content-settings-menus-thumbnails { width: 100%; padding: 3px 10px 0 10px; }
.sb-wizard-content-settings-menus-thumbnails-block { width: 100%; }
.sb-wizard-content-settings-menus-thumbnail { }
.sb-wizard-content-settings-menus-thumbnails-normal 
{ 
	border: 1px solid #cccccc; 
	cursor: pointer;
}
.sb-wizard-content-settings-menus-thumbnails-normal-inner { padding: 5px 5px 10px 5px; }
.sb-wizard-content-settings-menus-thumbnails-active 
{ 
	border: 2px solid #FF3D0C; 
	cursor: pointer;
}
.sb-wizard-content-settings-menus-thumbnails-active-inner { padding: 5px 5px 10px 5px; }

.sb-wizard-content-settings-logo { width: 100%; }
.sb-wizard-content-settings-logo-control { padding: 3px 10px 0 10px; }
.sb-wizard-content-settings-logo-control-block { width: 100%; }
.sb-wizard-content-settings-logo-control-thumbnail {}
.sb-wizard-content-settings-logo-control-restore { width: 100%; text-align: center; }
.sb-wizard-content-settings-logo-control-clear {}
.sb-wizard-content-settings-logo-control-thumbnail-block 
{ 
	width: 42px; 
	height: 42px; 
	border: 1px solid #999EA1;
	text-align: center;
}
.sb-wizard-content-settings-logo-control-thumbnail-block-inner {}
.sb-wizard-content-settings-logo-control-restore-button {}
.sb-wizard-content-settings-logo-control-clear-button {}
.sb-wizard-content-settings-logo-upload { padding: 3px 10px 0 10px; }
.sb-wizard-content-settings-logo-upload-block { width: 100%; }
.sb-wizard-content-settings-logo-upload-input-block { width: 100%; }
.sb-wizard-content-settings-logo-upload-button-block {}
.sb-wizard-content-settings-logo-upload-input {}

.sb-wizard-content-settings-info { width: 100%; }
.sb-wizard-content-settings-fields { padding: 5px 10px 0 10px; }
.sb-wizard-content-settings-fields-block { width: 100%; }
.sb-wizard-content-settings-fields-title-text-block { width: 100%; }
.sb-wizard-content-settings-fields-title-input-block {}
.sb-wizard-content-settings-fields-title-input { width: 150px; }
.sb-wizard-content-settings-fields-subtitle-text-block { width: 100%; padding-top: 5px; }
.sb-wizard-content-settings-fields-subtitle-input-block { padding-top: 5px; }
.sb-wizard-content-settings-fields-subtitle-input { width: 150px; }
.sb-wizard-content-settings-fields-footer-text-block { width: 100%; padding: 5px 0 10px 0; }
.sb-wizard-content-settings-fields-footer-input-block { padding-top: 5px 0 10px 0; }
.sb-wizard-content-settings-fields-footer-input { width: 150px; }

/****************************************************************************************************/
/*                                      Wizard, Start step                                          */
/****************************************************************************************************/

.SiteFamilySelected {
	border: solid 2px #FE4518;
	background-color: #FFFFFF;
}

.SiteFamilyNotSelected {
        border: solid 2px #E3E3E3;
	background-color: #FFFFFF;
}

.SiteFamilyHover {
	border: solid 2px #909090;
	background-color: #FFFFFF;
}

/****************************************************************************************************/
/*                                      Wizard, Publish step                                        */
/****************************************************************************************************/

.sb-publish-panel
{
    background-color: #F7F7F7;
    width: 780px;
    border: 1px solid #CCCCCC;
    margin: 8px;
    padding: 8px;
    text-align: left;
}
.sb-upperlevel
{
    padding-right: 5px;
}
.sb-buttonspadding
{
    padding: 0 10px;
}

/****************************************************************************************************/
/*                                    Save Changes Dialog		                                    */
/****************************************************************************************************/

.sb-save-changes-content-area
{
	background-color: white; 
	border: solid 1px #E3E3E3;
}
.sb-save-changes-question-area
{
	text-align: left;
}
.sb-gettingstarted-separator {
	border-top:1px solid #C5DCF1;
	margin:0 10px;
}
.sb-wizard-logo {
	width: 0%;
	padding-right: 10px;
        padding-bottom: 1px;
}
