@import "buttons.css";

body, .BodyBG
{
	margin:0;
	padding:0;
	background: url(../images/bg.jpg) repeat-x #D7D8DA;
	scrollbar-face-color: white;
	scrollbar-shadow-color: #D5DDDF;	scrollbar-highlight-color: #97ABB1;
	scrollbar-3dlight-color: #97ABB1;	scrollbar-darkshadow-color: #97ABB1;
	scrollbar-track-color: #F7F7F8;		scrollbar-arrow-color: #C5CFD2;
	text-align: center;
}

body, .BodyBG, input, textarea
{
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #5C5C5C;
}

form, #TabsTable
{
	margin:0;
	padding:0;
}

img
{
	border: none;
}

img[onclick]
{
	cursor: pointer;
}

hr
{
	color: #318995;
	border: 0;
	border-bottom: 1px solid #318995;
	width: 100%;
	height: 1px;
}

a
{
	color: #5C5C5C;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}

a:hover
{
	color: #000000;
	text-decoration: none;
}

h1
{
	font-size: 15px;
	line-height: 25px;
	padding-top: 8px;
	vertical-align: bottom;
}

h2
{
	font-size: 14px;
	margin: 0;
	padding: 7px 0 7px 0;
}

h3
{
	font-size: 13px;
	margin: 0;
	padding: 7px 0 7px 0;
}

a, .pointer
{
	cursor: pointer;
}

input[type=text], input[type=password], input[type=file], textarea
{
	margin: 1px;
	border-width: 1px;
	border-style: solid;
	border-color: #444 #aaa #aaa #444;
}

input[type=text]:focus, input[type=password]:focus, input[type=file]:focus, textarea:focus
{
	margin: 0px;
	border: 2px solid #318995;
}

* html #MainContainer
{
	width: expression( document.body.clientWidth > 980 ? "980px" : (document.body.clientWidth < 800 ? "780px"  : "auto" )); /* sets max-width for IE */
}
#MainContainer
{
	margin: 0 auto 10px auto;
	max-width: 980px;
	min-width: 780px;
}

#FlashLogoContainer
{
	margin-left:8px;
	float:left;
	width:183px;
	text-align:left;
	background-color: #FFF;
}
#FlashLogo
{
	display: block;
	text-decoration: none;
}
#FlashLogoFlash
{
	height:60px;
}

.CornerTl, .CornerTr, .CornerBl, .CornerBr
{
	width: 13px;
	height: 13px;
	position: absolute;
	z-index: 1;
	margin:0;
	padding:0;
	font-size:0;
}

.CornerTl
{
	bottom: 0px;
	left: 0px;
	background: url(../images/MainBorderCorner.gif) top left no-repeat;
}

.CornerTr
{
	bottom: 0px;
	right: 0px;
	background: url(../images/MainBorderCorner.gif) top right no-repeat;
}

.BorderTop
{
	bottom: 0px;
	background: url(../images/MainBorderTop.gif) bottom repeat-x;
	margin:0;
	padding:0;
	width:100%;
	height:82px;
	position:relative;
}

.CornerBl
{
	bottom: -2px;
	left: 0px;
	background: url(../images/MainBorderCorner.gif) bottom left no-repeat;
}

.CornerBr
{
	bottom: -2px;
	right: 0px;
	background: url(../images/MainBorderCorner.gif) bottom right no-repeat;
}

.BorderBottom
{
	position:relative;
	height: 10px;
	border-bottom: solid 2px #1c6f91;
	background-color: white;
	font-size: 0;
	line-height:5px;
}

.MainBox
{
	border-left:  solid 2px #1c6f91;
	border-right: solid 2px #1c6f91;
	background-color: white;
	padding: 0 15px 10px 15px;
	margin: 0;
}

#ChooseDesignContainer
{
	width: 100%;
}

.BoldLink
{
	font-weight:bold;
	color:navy;
}

.EditInputs
{
	width: 155px;
}

.WideEditInputs, .WideEditTextarea
{
	width: 400px;
}

.words, .words input, .words textarea, .words select
{
	font-weight: normal;
	font-size: 13px;
	color: #5C5C5C;
	font-style: normal;
}

.words1
{
	font-weight: normal;
	font-size: 15px;
	color: #5C5C5C;
	font-style: normal;
}

.words_sm, .words_sm input, .words_sm textarea, .words_sm select
{
	font-weight: normal;
	font-size: 12px;
	color: #5C5C5C;
	font-style: normal;
}

.words_sm_b, input.words_sm_b
{
	font-weight: bold;
	font-size: 12px;
	color: #5C5C5C;
	font-style: normal;
}

.words-cian
{
	font-weight: normal;
	font-size: 13px;
	color: #318995;
	font-style: normal;
}

.sm_ok, .sm_not_ok
{
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
}

.sm_ok
{
	color: #318995;
}

.sm_not_ok
{
	color: #E00F0F;
}

.emph, .emph:hover
{
	font-size: 15px;
	font-weight: bold;
	color: #318995;
}

.OkMsg, .FailedMsg
{
	font-size: 15px;
	font-weight: bold;
}
.OkMsg
{
	color: #318995;
}
.FailedMsg
{
	color: #E00F0F;
}

.logo
{
	font-weight: bold;
	font-size: 12px;
	color: #5C5C5C;
	font-style: normal;
	height:22px;
	text-align:center;
	background-color: white;
}

.overflowHidden
{
	overflow: hidden;
	white-space: nowrap;
}

.title
{
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: #5c5c5c;
	margin: 5px 0 15px 0;
}

.title-white
{
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: white;
}

.title-cian-14
{
	font-size: 14px;
}

.title-cian-16
{
	font-size: 16px;
}

.title-cian, .title-cian-15
{
	font-size: 15px;
}

.title-cian-big
{
	font-size: 21px;
}

.centerText
{
	text-align: center;
}

.title-cian, .title-cian-big, .title-cian-14, .title-cian-15, .title-cian-16
{
	font-style: normal;
	font-weight: bold;
	color: #318995;
}

.black-title
{
	font-weight: bold;
	font-size: 13px;
	color: black;
	font-style: normal;
}

.ok-button
{
	font-size: 12px;
	cursor: pointer;
	margin: 0 10px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

.step-link
{
	font-size: 15px;
	font-weight: bold;
}

.HelpButton, .HelpButton img
{
	cursor: pointer;
	font-weight: bold;
	white-space: nowrap;
	padding: 0 5px;
	font-size: 12px;
	color: #318995;
	height: 22px;
}

.lang
{
	font-weight: bold;
	font-size: 9px;
	color: #5C5C5C;
	font-style: normal;
}

.login-none, .login-none:hover
{
	font-size: 13px;
	text-decoration: underline;
	font-style: normal;
	color: #5c5c5c;
}

.ManagementContent, .ManagementContent:hover
{
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	color: #9B9F9F;
}

.ManagementContent h1
{
	font-size: 15px;
	line-height: 25px;
	padding-top: 8px;
	vertical-align: bottom;
}

.ManagementContentWrapper
{
	padding: 10px 20px;
	min-height: 350px;
}

#ContentWrapper
{
	position:relative;
}

.ManagementTab a
{
	display: block;
}

.login1Box { border: 1px solid #318995; }
.login2Box { border: 1px solid #F08600; }
.login3Box { border: 1px solid #4E9312; }
.login4Box { border: 1px solid #C1B319; }
.login5Box { border: 1px solid #7E3CF6; }
.login6Box { border: 1px solid #C30F0E; }
.login7Box { border: 1px solid #A95613; }
.login8Box { border: 1px solid #B22CA5; }
.login9Box { border: 1px solid #86B70F; }

#previewFrame
{
	z-index:6;
	display:none;
	margin-left:auto;
	margin-right: auto;
/*	position: relative;		Caused IE 6-7 bug */
	height:800px;
	background-color: white;
}

/* ################################################### */
#LanguagesMenu
{
	z-index: 9000;
	display:block;	/* Fix RTL menu bug */
	direction:ltr;
	font: bold 11px arial;
}

#LanguagesMenuItems
{
	position: absolute;
	display: none;
	background: #F8F8F8;
	border: 1px solid #666666;
	z-index: 9001;
	direction:ltr;
}

#LanguagesMenuItems a
{
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #F8F8F8;
	font-weight: bold;
	font-size: 12px;
	color: #5C5C5C;
	font-style: normal;
	line-height: 12px;
	min-width: 80px;
}

#LanguagesMenuItems a:hover
{
	background: #E9E9E9;
}

/************************************************************************/
#ExecFrame
{
	display: none;
	border: 0px solid red;
	width: 90%;
	height: 200px;
	text-align: left;
}

.BusinessDetails input[type=text]
{
	width: 10cm;
	height: 0.5cm;
	color: #888888;
	background: white;
	border: 1px solid #666666;
}

.BusinessDetails td
{
	padding-top: 1px;
}

.MainHoojMenu
{
	padding: 0 12px;
	line-height: 28px;
}

.MainHoojMenu a
{
	font-weight: bold;
	padding: 3px;
	margin: 0 9px;
	line-height: 28px;
}

#PreviewDesignUP
{
	width:334px;
	height:269px;
	position:absolute;
	left:0;
	top:0;
	visibility: hidden;
	z-index:100;
	background: url(../images/DesignPreviewWndUp.gif) no-repeat;
}
#PreviewDesignUP img
{
	position:absolute;
	left: 17px;
	top: 11px;
}

#PreviewDesignDN
{
	width:334px;
	height:269px;
	position:absolute;
	left:0;
	top:0;
	visibility: hidden;
	z-index:100;
	background: url(../images/DesignPreviewWndDn.gif) no-repeat;
}
#PreviewDesignDN img
{
	position:absolute;
	left: 17px;
	top: 34px;
}

.clear
{
	clear: both;
}

.u, .u:hover
{
	text-decoration: underline;
}

.b
{
	font-weight: bold;
}

.i
{
	font-style: italic;
}

.black
{
	color: black;
}

.Hidden
{
	display: none;
}

.Disabler
{
	position: absolute;
	top: 0;
	left: 0;
	background-color: white;
	z-index: 9;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	-moz-opacity: 0.6;
	cursor:default;
	margin: 0;
	padding: 0;
}

.disabled
{
	background: #F8F8F8;
}

select option.emphasis
{
	font-weight: bold;
}

#FavoriteDesigns
{
	height: 18px;
	padding: 1px 20px;
	color: #000;
	font-weight: bold;
	cursor:pointer;
	background-image: url(../images/favorites.png);
	background-repeat: no-repeat;
}
#FavoriteDesigns[disabled]
{
	color: #999;
	cursor:default;
}

.LeftToRight
{
	direction: ltr;
}

.AlignLeft
{
	text-align: left;
}

.AlignRight
{
	text-align: right;
}

.FloatLeft
{
	float: left;
}

.FloatRight
{
	float: right;
}

.margin-bottom-10
{
	margin-bottom: 10px;
}

.margin-bottom-15
{
	margin-bottom: 15px;
}

.margin-bottom-20
{
	margin-bottom: 20px;
}

div.GrayFrame
{
	border: none;
	display: inline-block;
	padding: 15px;
	border-radius: 15px;
	max-width: calc( 100% - 30px );
	margin: 0;
	background-color: #cdcdcd;
	vertical-align: top;
	position: relative;
	text-align: center;
	zoom:1;
}

div.GrayFrame div.Caption
{
	padding: 0;
	font-weight: bold;
	font-size: 14px;
	min-height: 15px;
	line-height: 2;
}

div.GrayFrame .mceLayout
{
	max-width: 100%;
}

.display-block
{
	display: block!important;
}

.half
{
	display: inline-block;
	width: 49.5%;
}

.ZeroTopPadding
{
	padding-top: 0!important;
}