/* reset  styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, li, ol,
fieldset, form, label, legend {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;
}

table, caption, tbody, tfoot, thead, tr, th, td {border: 0px;outline: none;}
input, select, textarea, option {color: #000000; outline: none;}

/* General styles */

html, body {height: 100%;}
* {font-family: Tahoma; font-size: 12px;}

	a {outline: none; color: #f8b200; text-decoration: underline;}
	a:hover {color: #000000; text-decoration: none;}
	
	h1, h2, h3, h4, h5, h6 {font-weight: normal; color: #f8b200;}
	h1 {font-size: 18px; color: #f8b200; margin-top: 5px; line-height: normal;}
	h2 {font-size: 16px; line-height: 16px;}
	h3 {font-size: 14px;}
	h4 {font-size: 12px;}
	h5 {font-size: 11px;}
	h6 {font-size: 10px;}

	img {border:0;}
	
	b.b, strong.s {color: #f8b100;}
	.Bold {font-weight: bold;}

body {color: #000000; padding: 0 5% 0 0;}

/*#WithoutBottom { border: 1px solid red; clear: both; width: 100%; position: absolute; top: 0px; left: 0px; padding-bottom: 100px;}*/

/* Clear styles */

.clearit, #clearit {clear: both;}

/*Top styles */

#Top {clear: both; min-width:960px;}
#Top .TLeft, #Top .TCenter, #Top .TRight {float: left;}
#Top .TLeft {width: 10%; padding-top: 30px;}
#Top .TCenter {width: 31%; padding: 0 2%; min-width: 290px; text-align:center;}
#Top .TRight {width: 55%; padding-top: 30px;}

/* content styles */

#Content {clear: both; width: 100%; min-width:960px; padding-top: 5px;}
#ContentPopup {clear: both; width: 100%; min-width:820px; padding-top: 5px;}
#Content .TLeft, #Content .TCenter, #Content .TRight, #Content .TCenterUnite, .TCenterNoLeft, .TRightNoLeft {float: left;}
#Content .TLeft {width: 10%; padding-top: 15px;}
#Content .TCenter {width: 33%; padding: 0 0 0 2%;  min-width: 290px;}
#Content .TRight {width: 55%; padding-top: 15px;}
#Content .TCenterUnite {width: 88%; padding: 0 0 0 2%;  min-height: 350px;}

.TCenterNoLeft {width: 21%; padding: 0 0 15px 0; overflow: auto; border: 0; border-right: 1px dashed #000000;}
.TRightNoLeft {width: 76%; padding: 15px 0 0 2%;}

	#Content .TCenter p {line-height: 18px; padding-right: 6%;}

	.TaRight {text-align:right; padding-right: 10px;}
	.TaCenter {text-align:center;}
	.TaJustify {text-align:justify;}
	
	.InsiderM {margin: 10px 0 0 0;}
	.InsiderM15 {margin: 15px 0 0 0;}
	.InsiderM20 {margin: 20px 0 0 0;}
	
	.P30 {float: left; width: 30%;}
	.P40 {float: left; width: 40%;}
	.P50 {float: left; width: 50%;}
	.P60 {float: left; width: 60%;}
	.P70 {float: left; width: 70%;}	
	
	.P40 p, .P50 p, .P60 p {text-align: justify;}

	
/* 5, 10, 20 content styles */

.pic {border: 1px solid #f8b200; background-color: #ffef52; padding: 5px;}
.m5 {margin-left: 5px;}
.mTop {margin-top: 20px;}
.mTopBot {margin-top: 20px;margin-bottom: 20px; padding-right: 16%;}

/* vr & hr lines  */

.vrline, #Content #TCenter p {
	background-image:url('img/dot_hr.gif');
	background-repeat:repeat-y;
	background-position: right top;
}
.hrline {
	background-image:url('img/dot_vr.gif');
	background-repeat:repeat-x;
	background-position: right bottom;
}

/* table styles  */

#TRight table {padding-left: 20px;}

table.DotUnderlined { margin: 15px 0; width: 100%;}
table.DotUnderlined tr {
	background-image:url('img/dot_vr.gif');
	background-repeat:repeat-x;
	background-position: right bottom;
}
table.DotUnderlined tr td {padding: 3px;}

table.DotMixed { margin: 0; width: 100%;}
table.DotMixed tr th {
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(img/tab/black_bg.gif);
	color: #FFFFFF;
	height: 30px;
	line-height: 30px; 
	text-align: left;
	padding: 0 5px;
}
/*Jquery table */
table.DotMixed tr td {
	background-image:url('img/dot_vr.gif');
	background-repeat:repeat-x;
	background-position: right bottom;
	padding: 5px; 
	text-align: left;
}
table.DotMixed tr.odd {
	background-color: #FFFFFF;
}
table.DotMixed tr.even {
	background-color: #f9f9f9;
}
table.DotMixed tr.highlight {
	background-color: #e9e9e9;
}
table.DotMixed tr.selected {
	background-color: #ffe800;
}
table.DotMixed tr td div {padding: 1px;}


div.DropMenu {
	background-image: url(img/arrow_down.png); 
	background-repeat: no-repeat;
	background-position: right top;
	
	}

 table.DotMixed tr td div.Dropper {
	background: #f9f9f9;
	border: 1px solid #3b3b3b;
	padding: 7px;
	padding-right: 30px;
	position: absolute;
	margin-top: 4px;
}

.Dropper ul {list-style-type: none; }
.Dropper ul li {line-height: 18px;}
.Dropper ul li a {outline: none; color: #000000; text-decoration: none;}
.Dropper ul li a:hover {color: #000000; text-decoration: underline;}

/*List styles */
.InlineList {display: inline;}
.InlineList li {float: left; margin-left: 10px; margin-right: 10px; list-style-type: disc;}
.InlineList li.InlineListFirst {list-style-type: none; margin-left: 0;}

/* titles blocks */
.black, .yellow {
	background-repeat: repeat-x;
	background-position: left top;
}
.black {background-image: url(img/tab/black_bg.gif);}
.yellow {background-image: url(img/tab/yellow_bg.gif);}

.black div.r, .yellow div.r, .yellowSign div.r {
	background-repeat: no-repeat;
	background-position: right top;
}
.black div.r {background-image: url(img/tab/black_right.gif); height: 30px; line-height: 30px;}
.yellow div.r {background-image: url(img/tab/yellow_right.gif); height: 30px; line-height: 30px;}


.black div.r div.l, .yellow div.r div.l {
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFFFFF;
	padding-left: 10px;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
}
.black div.r div.l {background-image: url(img/tab/black_left.gif);}
.yellow div.r div.l {background-image: url(img/tab/yellow_left.gif); color: #000000; text-align:left;}

.yellow div.r div.l A:link, .yellow div.r div.l A:active, .yellow div.r div.l A:visited {COLOR: #000000;}
.yellow div.r div.l A:hover {COLOR: #000000; text-decoration: underline;}

/*Sign in styles*/

.yellowSign {
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url(img/tab/yellow_bg.gif);
	float: right; 
}
 .yellowSign div {
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(img/tab/yellow_right.gif);
}
.yellowSign div div {
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(img/tab/yellow_left.gif); 
	color: #000000;
	padding: 5px 10px;
	font-size: 13px;
	height: 19px;
    text-align:right;
 }
.yellowSign div div A:link, .yellowSign div div A:active, .yellowSign div div A:visited {COLOR: #000000;}
.yellowSign div div A:hover {COLOR: #000000; text-decoration: underline;}

/*SubYellow menu styles*/

.subyellow {
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(img/tab/subyellow_bg.gif);
	float: left; margin-left: 15px;
}
 .subyellow div.r {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(img/tab/subyellow_right.gif);
}
.subyellow div.r div.l {
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(img/tab/subyellow_left.gif); 
	color: #000000;
	padding: 0px 10px;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
    
 }
.subyellow div.r div.l A:link, .subyellow div.r div.l A:active, .subyellow div.r div.l A:visited {COLOR: #000000;}
.subyellow div.r div.l A:hover {COLOR: #000000; text-decoration: underline;}


/* Bottom styles */
#Bottom {clear: both; min-width:960px;}
#Bottom .TLeft, #Bottom .TCenter, #Bottom .TRight {float: left;}
#Bottom .TLeft {width: 10%; padding-top: 20px;}
#Bottom .TCenter {width: 33%; padding: 30px 0 0 2%; min-width: 290px; text-align:center; text-transform:uppercase;}
#Bottom .TRight {width: 55%; padding-top: 20px; text-align:center;}


/* Forms styles */
.itext_140 {width: 140px; background: url(img/input_140.gif) center center no-repeat; height: 25px; border:0;}
.itext_140 input {width: 126px; height: 18px; line-height:18px; border:0; margin: 5px 5px !important; padding:0 !important;}

.textarea_210_100 {width: 210px; height: 100px; background: url(img/textarea_210.gif); padding:0;}
.textarea_210_100 textarea {width:200px; height: 90px; border:0; margin: 6px 5px; padding:0;}

.itext_40b input, .itext_140b input, .itext_200b input, .ifile_200b input {border: 1px dashed #7f7f7f; height: 20px; line-height:18px; margin: 0; padding: 0 2px;}
.itext_40b input {width: 40px; text-align: center; font-size: 16px;}
.itext_140b input {width: 140px;}
.itext_200b input {width: 200px;}
.ifile_200b input {width: 205px; background-color: #FFFFFF;}

.sel_205 select {width: 205px;}

.textarea_200_50b textarea, .textarea_200_100b textarea {border: 1px dashed #7f7f7f; line-height:16px; margin: 0; padding: 2px;}
.textarea_200_50b textarea {width: 200px; height: 50px;}
.textarea_200_100b textarea {width: 200px; height: 100px;}


/* Fieldset styles */
label {margin: 0; padding: 0;}
.FTable {width: 51%; padding: 10px 2%; margin-left: 0px;}
fieldset.cut {width: 85%;}
.FRow {clear: both; padding: 5px 0;}
.FTable label {float: left; width: 30%;margin: 5px 0; padding: 4px 0 0 0;}
.FCell {float: left; width: 70%; margin: 5px 0;}
.Submit {padding-top: 10px; float: left;}
.btnsepar {height: 29px; width: 20px; float: left;}

.FTable input.selected, .FTable textarea.selected, .FTable select.selected {  /*Jquery form selected */
	 background-color: #ffffc4;
	 /* border-left: 1px dashed #7f7f7f;
	 border-top: 1px dashed #7f7f7f; */
} 

/* convert div to table */

.DRow {
	margin: 0 10% 0 5%;
	min-width: 290px;
	clear: both;
	vertical-align:bottom;
	display: table;
	background-image:url('img/dot_vr.gif');
	background-repeat:repeat-x;
	background-position: right bottom;
	border: 0px solid red;
	width: 100%;
}
.DCell {
	float: left; width: 50%; padding: 8px 0;
	min-height: 14px;
	height: 100%;	
}

/* Button styles */
.button {border:0; cursor: pointer;}
.button.join {width: 124px; height: 44px; background: url(img/join.png)}
.button.user {width: 153px; height: 54px; background: url(img/btn_create_user.png)}
.button.project {width: 153px; height: 54px; background: url(img/btn_create_project.png)}

.btn {
	background: url(img/button.png) left center no-repeat; height: 29px; border:0; padding: 0 0 0 16px;
	float: left;
	margin: 0;
}
.btn input {
	background: url(img/button.png) right center no-repeat; height: 29px; border:0; margin: 0px; padding: 5px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 12px;
}

/* validation-summary-errors */
.ValidationS {margin-top: 10px;}
span.validation-summary-errors {line-height: 22px;}
ul.validation-summary-errors li {margin-left: 30px; font-weight: normal;}
.field-validation-error {font-size: 14px; font-weight: bold; padding: 0 2px;}
.fleft {float: left;}


/*temp styles */

.plan {padding: 35px 0 0 80px; height: 65px; background: url(img/plan_test.png); background-repeat: no-repeat; background-position: left top;}


/*Modal Window styles */
.Preloading, .PreloadingW {text-align: center;}
.PreloadingW {width: 90%;}
.ModalWindow {border: 1px solid red;}

/*Active + Deactive */
.deactivated {color: #8f8f8f;}

/*Information styles */
.info {background-color: #ffffb2; border: 1px solid #ffe700; padding: 5px 10px; margin: 5px 0px;}

/*documentation */
#NavBar a {padding-right: 15px; background-image: url(img/arrow_right.gif); background-position: right center; background-repeat: no-repeat;}
#NavBar a {outline: none; color: #000000; text-decoration: underline;}
#NavBar a:hover {color: #f8b200; text-decoration: none;}

.numeric {padding-left: 20px;}
.numeric li {padding: 10px 0;}
.numeric li img {padding-top: 10px;}

.circle {padding: 10px 0 0 20px;}
.circle li {margin: 0; padding: 0;}

/* Plans */
.PlanBox {border: 0px solid red; float: left; margin-right: 2%;}

table.DotMixed tr td.nodot {background-image: none;}
table.DotMixed tr td.pl, div.pl {padding-left: 18px;}
table.DotMixed tr th.here {background-image: url(img/tab/yellow_bg.gif); color: #000000;}

.price {font-size: 22px;}
.price sup {font-size: 16px;}

.pkprice {font-size: 16px;}
.pkprice sup {font-size: 14px;}

.PlanFAQ {float: left; width: 48%; margin-right: 2%; padding: 40px 0;}
.PlanFAQ p {text-align: justify;}

/* fly block */
.support 
{
    position: fixed;
    top: 15%;
    right: 0px;
    border: 0px solid red;
}