#docsNav, #docsNav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:2.2em;

}
#docsNav {
	margin-left: 10px;
	font-size: .9em;

}
#docsNav a{
display:block;
padding:0px 5px;
border-left:2px dotted #3A3A3A;
color:#3A3A3A;
text-decoration:none;
background-color:#E6E6E6;
padding:0px 20px 0px 20px;
}

#docsNav a:hover{
background-color:#676767;
color:#ffffff;

/*padding-left:15px;*/
border-left:2px dotted #3A3A3A;
}

#docsNav li{
float:left;
position:relative;

}

#docsNav ul {
position:absolute;
display:none;
width:13em;
top:2.2em;

}

#docsNav li ul a{
width:13em;
height:auto;
float:left;
/*background-color:#D7D7D7;*/
}

#docsNav ul ul{
top:auto;

}

#docsNav li ul ul {
left:15.22em;
margin:0px 0 0 10px;
}

#docsNav li:hover ul ul, #docsNav li:hover ul ul ul, #docsNav li:hover ul ul ul ul{
display:none;
}
#docsNav li:hover ul, #docsNav li li:hover ul, #docsNav li li li:hover ul, #docsNav li li li li:hover ul{
display:block;

}

/**** docs menu end ************************************************************************************************************************************************************************************/


table.versions tr.rowLatestVersion {
	background-color:#D5E8C4;
}
td.centertd {
text-align:center;
}
.divHint {
	border:1px solid #759240;
	background-color: #DDFFBB;
	margin-top:10px;
	padding:10px;
	color:#2F4F4F;
	width:380px;
}
h2.video {
	margin-bottom:10px;
}
.divHint strong {
	border:1px solid #FFDAB9;
	background-color: #FFFFE0;
	padding:2px;
}
/*#top {
	margin-top:-19px;
	/*margin-bottom:20px;* /
	z-index: 23;
}*/
#top {
	/*position: absolute;
	top:10px;
	left:10px;*/
	margin-bottom:15px;
	clear:both;
}
a:focus {
	outline: none;
}
.panel {

	/*background: #F0F0F0;*/
	height: 75px;
	display: none;
}
.panel ul {
    margin: 0;
    padding: 0 15px;
    float:left;
    list-style:none;
    /*border-right: 1px solid #000;*/
}
.panel ul li{
    margin: 6px;
    padding: 0;
}

.panel ul li a{
   color: #333;
}
.slide {
	margin: 0;
	padding: 0;
/*	border-top: solid 3px #ccc;*/
	background: url(../images/btn-slide.gif) no-repeat center top;
}

.btn-slide, .btn-slide2 {
	/*background: url(images/white-arrow.gif) no-repeat right -50px;*/
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.btn-slide2 {
	/*background: url(images/white-arrow.gif) no-repeat right 15px;*/
	height: 25px;
	padding: 15px 10px 0 0;
}
.active {
	background-position: right 12px;
}
.active2 {
	background-position: right -45px;
}
.bottom {
    position:absolute;
    bottom:0px;
	margin: 0 auto;
	padding: 0;
	width: 520px;
}

/*************************************************/

html { height: 100%; }
img { border: 0 none; -ms-interpolation-mode: bicubic; }
body { border: 0px; height: 100%; margin: 0px; padding: 0px; background:#f1f1f1 url(../images/body_top_bg.png) repeat-x scroll left top;min-width: 1000px;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
#twitter_div {
	border:1px solid #555;
	padding:5px;
}
#twitter_div .sidebar-title {
	color:white;
	border-bottom: 1px solid #333;
	padding:10px 10px 5px 10px;
	margin-bottom:10px;
	text-align: center;
	background-color: #222;
}
ul#twitter_update_list li {
	color:#999;
	margin:5px 0 5px 0;
	background-color: #111;
}
a#twitter-link {
	color:white;
}
.geshi_highlighted {
	border:1px solid #dddddd;
	background-color: #F2F2F2;
	margin: 5px 0 5px 0;
	padding-left:10px;
}
.pcode code {
	border:none;
	background-color: none;
}
code {
	border:1px solid #dddddd;
	background-color: #F0F0F0;

}

#canvasWrapper { width: 1020px; padding: 0 0px 0 0px; }
#canvasWrapper { width: 100% !important; padding: 0; margin: 0; }
#canvas { width: 100% !important; padding: 0; margin: 0; background: url(../images/header.jpg) no-repeat 50% 0 !important; }
body, #canvasWrapper, #canvas {_height: 100%;}

#content { overflow: visible; margin-top: 10px !important; }

#pageHeaderWrapper { width: 1020px; height:280px; margin: 0 auto 0 auto; }

#pageBodyWrapper { clear: both; padding-top:20px;}
#pageBodyWrapper { width: 1020px; margin: 0 auto 0 auto; }
#pageBody { width: 1020px;  float: left; background: #transparent; height: 100%; margin-top: 0; padding-top: 0;  }

 #pageFooterWrapper, #pageBodyWrapper { clear: both; }
 #pageFooterWrapper { width: 100% !important; background: #000000 url(../images/footer.png) repeat-x top left; height:380px;}
 #pageFooter { font-size: 9pt; margin-top: 28px;  padding-top: 8px; }
 #pageFooter{font-size: 11px; line-height: 1em; color: #999999;}
 #pageFooter { width: 944px; margin: 0 auto 0 auto; padding-top: 100px; }
#pageFooter ul { list-type: none; padding: 0; margin: 0; }

#pageFooter li { border-bottom: 1px solid #222; display: block; padding: 0 0 3px 0; margin: 0 0 3px 0; line-height: 1.8em; }

#pageFooter a:link { color: #555; background: url(../images/icon-fillarrow-gray.gif) no-repeat 0 50%; padding: 0 0 0 10px; }

#pageFooter a:visited { color: #333; background: url(../images/icon-visited.gif) no-repeat 0 50%; text-decoration: none; padding: 0 0 0 10px; }

#pageFooter a:hover { color: #999; text-decoration: none; background: url(../images/icon-fillarrow-gray.gif) no-repeat 0 50%; padding: 0 0 0 10px; }

#pageFooter a:active { color: #555; text-decoration: none; background: url(../images/icon-fillarrow-gray.gif) no-repeat 0 50%; padding: 0 0 0 10px; }

.columnWrapperFooter { width: 1020px; float: left; margin-bottom: 40px; } /* wraps each horizontal sets of columns in the footer */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* clears floats */
.leftWrapperFooter { float: left; width: 700px; }
.rightWrapperFooter { float: right; 220px; }

/* GRID COLUMN CODE =========================================================================================== */
.colFiveFooter .full-image-float-left { padding: 3px !important; margin: 3px !important; }
.columnWrapper { width: 1020px; float: left; margin-bottom: 60px; } /* wraps each horizontal sets of columns */

.columnWrapperLandingHeader { margin-top: 25px; width: 1020px; float: left; margin-bottom: 290px; } /* wraps each horizontal sets of columns */

.columnWrapperLandingHeaderTwo { margin-top: 20px; width: 1020px; float: left; margin-bottom: 125px; } /* wraps each horizontal sets of columns */

.columnWrapperLandingHeaderThree { margin-top: 0px; width: 1020px; float: left; margin-bottom: 40px; } /* wraps each horizontal sets of columns */

.columnWrapperScreenshots { width: 1020px; float: left; margin-bottom: 60px; padding: 20px 15px 15px 18px; background: #e2e2e2; margin-left: -70px; overflow: visible; } /* wraps each horizontal sets of columns */

.columnWrapperTight { width: 1020px; float: left; margin-bottom: 20px; } /* less margin between content chunks, for when two chunks are related */

.columnWrapperNone { width: 1020px; float: left; margin-bottom: 0; } /* less margin between content chunks, for when two chunks are related */

.columnWrapperLanding { width: 1000px; float: left; margin-bottom: 0px; } /* wraps each horizontal sets of columns */

.columnWrapperLandingQuote { width: 1000px; float: left; margin-bottom: 60px; } /* wraps each horizontal sets of columns */

.columnWrapperRight { width: 220px; float: right; }

.leftWrapper { width: 460px; float: left; }

.leftWrapperOne { width: 220px; float: left; }

.leftWrapperFeature { width: 450px; float: left; }

.colOne { width: 220px; float: left; }

.colOneSpanTwo { width: 460px; float: left; }

.oneColSingle { width: 220px; float: left; }

.colTwo { width: 220px; float: right; }

.colTwoSpanTwo { width: 460px; float: right; }

.columnWrapperLanding .rightWrapper { width: 220px; float: right; }

.rightWrapper { width: 460px; float: right; }

.rightWrapperFeature { width: 450px; float: right; }

.colThree { width: 220px; float: left; }

.threeColSpanRight { width: 700px; float: right; padding-bottom: 20px; }

.colFour { width: 220px; float: right; }

.col4by4 { width: 220px; float: left; }

.colSmallLeft { width: 100px; float: left; font-size: 11px; margin-bottom: 20px; } /* add to a 220px wide column to split into two 100px columns */

.colSmallRight { width: 100px; float: right; font-size: 11px; margin-bottom: 20px; } /* add to a 220px wide column to split into two 100px columns */

.colthirdone { width: 300px; float: left; }

.colthirdtwo { width: 300px; float: left; }

.colthirdthree {width: 300px; float: right; }

.columnWrapperFooter { width: 940px; float: left; margin-bottom: 40px; } /* wraps each horizontal sets of columns in the footer */

.leftWrapperFooter { float: left; width: 700px; }

.rightWrapperFooter { float: right; 220px; }

.colOneFooter { float: left; width: 155px; margin-right: 20px; }

.colTwoFooter { float: left; width: 155px; margin-right: 20px; }

.colThreeFooter { float: left; width: 155px; margin-right: 20px; }

.colFourFooter { float: left; width: 155px; }

.colFiveFooter { float: right; width: 220px; color: #555; line-height: 1.8em; }

.colLeft300 { width: 325px; height: 330px; float: left; }

.colRight300 { width: 325px; height: 330px; float: right; }

.col700 { width: 700px; float: left; height: 200px; }
/**********************************************************************************************/

input.text, input.text-fixed, textarea, select { font: 1em Verdana, Tahoma, Verdana, Helvetica, sans-serif; }
input.text { width: 300px; }
#loginBoxWrapper { position: absolute; top: 10px; left: 10px; display: none; overflow: hidden; }
#loginBox { z-index: 10; background: #000000; padding: 25px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#loginShowerButton {float:right; margin:0 10px 0 0;	padding:238px 40px 0 0 ; width:50px; clear:both;}
#loginShowerButton a {
	padding:2px;
	text-decoration: none;
	color:#999;
	font-size: .8em;
}
#loginBox .title { color: #ccc; font-size: 16px; padding-bottom: 12px; }

#loginBox .message { line-height: 15px; padding-bottom: 10px; }

#loginBox #login_title, #loginBox #password_title { color: white; }

#loginBox #login_error_message { margin: 10px 0 10px 0; font-weight: bold; color:red;}


/*#loginBox input { width: 160px; }*/
#loginBox input { color:#aaaaaa; }

#loginBox { width: 304px; }

#loginBox a { background: transparent; padding: 0 !important; margin: 0; color: white !important; }

div#pageHeaderWrapper div#menu {
   padding: 0 ;
	margin: 0;
	/*width:100%;*/
}

ul#nav{
	text-align: center;
	margin: 17px 8px 0 0 ;
	float:right;
	width:491px;
	padding:0;
	/*border:1px solid blue;*/
}

ul#nav li {
width:110px;
   list-style: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-variant: small-caps;
	float: left;
	vertical-align:middle;
	margin:0 5px 0 5px;
	/*border:1px solid red;*/
}



#menu li a {
	color: #f1f1f1;
	text-decoration: none;
}

#menu li a:hover {
	color: yellow;
	text-decoration: none;
}

#menu li a.currentMenuItem, #menu li a.currentMenuItem:hover {
	color: #6495ED;
	cursor: default;
	text-decoration: none;
}
#left {
	color:#4E4E4E;
}
#content p {
	margin:10px 20px;
}
div.descr {
	font-size:12px;
	margin:10px 0 0 10px;
}

table.versions, table.downloads {
	border:1px solid #ccc;
}
div.dday {
	background-color: #F0FFF0;
	border:1px solid #D2D2D2;
	color:Green;
	margin:0 0 10px 0;
	padding:10px;

}
div.downloadsDiv {

	border:1px solid #DCDCDC;
	margin:10px 0 10px 0;
	padding:10px;
}
table.downloads {
	width:50%;
	margin-left:40px;
}

table.versions tr th  {
	padding:5px;
}
table.versions tr td, table.downloads tr td{
	padding:10px;

}

table.versions tr.row1, table.downloads tr.row1  {
	background-color:#D7D7D7;
}

table.versions tr.row2, table.downloads tr.row2  {
	background-color:#EFEFEF;
}

table.versions tr.vhead {
	background-color:#464646;/*#265511*/
	color:white;
	font-size:1.0em;
	font-weight: normal;
}

pre.pcode {
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	padding:5px;
}
ul.req li{
	margin: 0 0 0 20px;
}
h1,h2,h3,h4 {
	margin:5px;
}
h1 {
	font-size:170%;
	letter-spacing:-0.02em;
	margin:10px 5px 20px 5px;
	/*margin-top:25px;*/
}
h2 {
	font-size:140%;
	letter-spacing:-0.02em;
	/*margin-top:25px;*/
}
h3 {
	font-size:120%;
	letter-spacing:-0.02em;
	/*margin-top:25px;*/
}
div.borders {
	background: #fefefe url(../images/borders/t.png) top repeat-x;

}

div.d1 {
	background: url(../images/borders/r.png) right repeat-y;
}
div.d2 {
	background: url(../images/borders/b.png) bottom repeat-x;
}
div.d3 {
	background: url(../images/borders/l.png) left repeat-y;
}
div.d4 {
	background: url(../images/borders/t-l.png) top left no-repeat ;
}
div.d5 {
	background: url(../images/borders/t-r.png) top right no-repeat;
}
div.d6 {
	background: url(../images/borders/b-r.png) bottom right no-repeat;
}
/* for all other :  min-height:300px; */
div.d7 {
	background: url(../images/borders/b-l.png) bottom left no-repeat;
	padding: 30px;
	min-height:300px;

}

/* for Internet Explorer */
/*\*/
* html div.d7 {
height:300px;
padding: 10px 10px 20px 30px;
}

ul.homeList li {
	margin:10px 0 10px 0;
}
/**/

/*
div.d8 {
	background: url(../images/borders/bb.png) bottom  repeat-x;
}
*/


table.discuss {
	border:1px solid #ccc;
	width: 100%;
}

table.discuss tr th  {
	padding:5px;
}
table.discuss tr td{
	padding:10px;

}

table.discuss tr.row1 {
	background-color:#E2E2E2;
}

table.discuss tr.row2 {
	background-color:#EFEFEF;
}

table.discuss tr th {
	background-color:#464646;/*#265511*/
	color:white;
	font-size:1.0em;
	font-weight: normal;
}

div.threadsPannel {
	padding:10px;
}

div.threadsPannel a{
	color:green;
	font-size:1.2em;
}

table.discuss tr td a {
	color:#826215;
}
.error {
	background-color: #FFB6C1;
}
div.userInfo {
	padding:10px;
	color:#483D8B;
}
span.topicTitle {
	color:#FF4500;
	font-weight: bold;
}

textarea  {
	font-size:11px;
}