html {min-height: 100%;}
* {
	margin: 0;
	padding: 0;
}
a {
	color: #444;
	 outline: none;
	text-decoration: none;
	
}
a:hover {
	color:#4796C8;
}

a img{
    border:0px;
}
body {
	background:#C8CDD0;
	color: #444;
	font: normal 62.5% Undotum, Verdana,sans-serif;
}
.blue{
    color:#4796C8;
}
.red{
    color:#f10101;
}
.profile{background:url(../img/site/smallsprite.gif) no-repeat scroll 0px -39px; 
padding-left:18px;
}
.profile a {
    color: #554;
    outline: none;
    text-decoration: none;
}
 .profile a:hover {
     color: #0d4f99;
}
.logout{background:url(../img/site/smallsprite.gif) no-repeat scroll 0px -18px; 
padding-left:18px; height:28px;
}

.logout a {
	color: #554;
	 outline: none;
	text-decoration: none;
	height:28px;
		
}
 .logout a:hover {
	color: #0d4f99;	
}


p,code,ul {padding-bottom: 0.4em;}

li {list-style: none;}

h1 {font: normal 1.8em Undotum,Tahoma,sans-serif;}
h2 {font: normal 1.4em Undotum,Tahoma,sans-serif;}
h3 {font: normal 1.35em Undotum,Tahoma,sans-serif;padding-left:10px;}

form,input {
	margin: 0;
	padding: 0;
	display: inline;
	width: 130px;
}
code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #CCC;
	color: #666;
	display: block;
	font: normal 1em Undotum,Tahoma,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
blockquote {
	display: block;
	font-weight: bold;
	padding-top: 6px;
	font-size: 12px;
}

h1,h2,h3 {padding-top: 3px; color: #666; margin-bottom: 4px;letter-spacing:1px;}
h4 {padding-top: 1px; color: #666; margin-bottom: 1px;}

/* misc */
.clearer {clear: both; font-size: 0;}
.clearerbottom {
	clear: both;
	font-size: 0;
	height: 20px;
}
.left {
	float: left;
	padding-left: 231px;
	padding-top: 15px;
}
.right {float: right;}

.bold{ /*Used for displaying help*/
   margin-left:10px;font-weight:bold;cursor:help;color:#666;
}

/* structure */
.inner-container {
	background: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	width: 980px;
}
.outer-container {
	background-color: #c8cdd0;
}
.header {
	height: 86px;
	margin: 0 30px 5px 0;
	text-align: center;
}
.header .title {
	color: #FFF;
	padding-top: 16px;
	width: 240px;
	float: left;
	padding-left: 5px;
}
.header .title .sitename a {
	border-bottom: 1px dashed #657382;
	color: #FFF;
	font: normal 3em sans-serif;
	padding-bottom: 2px;
	text-decoration: none;
}
.header .title a:hover {border-color: #F60;}
.header .title .slogan {
	font: normal 1.1em Undotum,Verdana,sans-serif;
	padding-top: 1px;
}

/* dashboard menu */
.path {
	background: #949490;
	color: #FFF;
	font: normal 1.1em Verdana,sans-serif;
	background-image: url(../img/site/nav-bg6.png);
	height: 34px;_height: 34px;
	font-weight: normal;
	margin: 5px 0;
}	
.path a {
	color: #FAFAFA;
	text-decoration: none;
	margin:10px; 
	padding:4px 6px 7px;
	position:relative;
	top:6px;
	font-size: 14px;
}
.path a:hover {
        background-color: #F10101;
	color: #FFF;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}

/* main */
.main {
	border-top: 4px solid #FFF;
	padding: 8px 12px 0 0;
}

/* content */
.content {
	float: left;
	width: 530px;
	_width: 450px;
	padding: 0px 10px 10px 20px;
}
.das {
	width: 710px;
	float: right;
}
.viewpg  {
	width: 530px;
	_width: 320px;
	float: left;
	padding: 0px 10px 10px 20px;
}
.content .descr {
	color: #664;
	font-size: 0.7em;
	margin-bottom: 6px;
}
#blue{
    height:7px;
}
#arrow{
	width:410px;
	margin-top: 15px;
	margin-left: 45px;
}
#topmenu{
	padding-left: 215px;
	width: 750px;
	height: 35px;
	float: left;
	}
#infopage{
	height:15px;
}
#profiles{
	height:30px;
	float: right;
	padding-top: 20px;
}
#mainmenu{
	padding-top: 15px;
	_padding-top: 5px;
	_width: 565px;
	float: right;
	width:569px;
}
#steps1{
	text-align:left;
	width: 200px;
}
#name{
	width:600px;
}
#preview{
	width:250px;
	float:right;
}
#logout{
	float:right;
}
.content li {
	margin-left: 18px;
}
.content p {font-family: Undotum,"Lucida Sans Unicode",sans-serif;}



/*round box */


.bgpadding{
	padding-left:10px;
}

.clear{
  font-size  : 1px;
  height     : 1px;
} 

/* round grey box without images */
.phpMyBorder{
	width: 520px; _width:510px;
	float: left;
	margin-bottom: 15px;
} 
.pmb2, .pmb3, .pmb4,.pmbContent{  
  border-color : #d6d5d5; 
} 
.pmb1{ 
  background   : #d6d5d5;
} 
.pmb2, .pmb3, .pmb4{ 
  border-style : solid; 
  border-width : 0 1px; 
} 
.pmbContent{ 
  display      : block; 
  border-style : solid; 
  border-width : 0 1px; 
  float        : left;
} 

*.onoffparent *.onoff{
    visibility:hidden;
}	
*.onoffparent:hover *.onoff{
    visibility:visible;
}
.pmbContent .onoff{
    visibility:hidden;
}

.pmbContent:hover .onoff{
    visibility:visible;
}

.pmb1, .pmb2, .pmb3{ 
  height       : 1px; 
} 
.pmb1{ 
  margin       : 0 5px; 
} 
.pmb2{ 
  margin       : 0 3px; 
  border-width : 0 2px; 
} 
.pmb3{ 
  margin       : 0 2px; 
 } 
.pmb4{ 
  height       : 2px; 
  margin       : 0 1px; 
} 
.pmb1, .pmb2, .pmb3, .pmb4{ 
  display      : block; 
  overflow     : hidden; 
} 
.pmb5{ 
  font-size    : 1px; 
  display      : block; 
  overflow     : hidden; 
  height       : 1px; 
} 
.pmbBlock{ 
  display      : block; 
  font-size    : 1px;
  width        : 100%;
  float        : left;
  _width       : 516px;
} 

/*help box*/
.rc_box {
	background: url(../img/site/rc_tl.png) no-repeat top left;
}
.rc_top {
	background: url(../img/site/rc_tr.png) no-repeat top right;
}
.rc_bot {
	background: url(../img/site/rc_bl.png) no-repeat bottom left;
}
.rc_bot div {
	background: url(../img/site/rc_br.png) no-repeat bottom right;
}
.rc_con {
	background: url(../img/site/rc_r.png) top right repeat-y;
}

.rc_top div,.rc_top,
.rc_bot div, .rc_bot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rc_con, .rc_bot {
	/*margin-top: -19px;*/
}
.rc_con { padding: 0 7px; }


#helps1{
	width:190px;
	_width:180px;
	height:300px;
	padding-right: 10px;
}

#hprops{
    padding: 5px 0;
}

/* 2 round grey box without images with heading */
.phpMyBorders{
	width : 185px;
	_width: 190px;
	float: right;
	_margin-left:7px;
} 

.phpMyBorders .rightbtn{
	width:130px;
}
.pmb8, .pmb9, .pmb10,.pmbContents{ 
  background   : #f9f9f9; 
  border-color : #d6d5d5; 
} 
.pmb7{ 
  background   : #d6d5d5;
} 
.pmb8, .pmb9, .pmb10{ 
  border-style : solid; 
  border-width : 0 1px; 
} 
.pmbContents{ 
  display      : block; 
  border-style : solid; 
  border-width : 0 1px; padding-left:8px; width:175px;_width:180px;
} 
.pmb7, .pmb8, .pmb9{ 
  height       : 1px; 
} 
.pmb7{ 
  margin       : 0 5px; 
} 
.pmb8{ 
  margin       : 0 3px; 
  border-width : 0 2px; 
} 
.pmb9{ 
  margin       : 0 2px; 
 } 
.pmb10{ 
  height       : 2px; 
  margin       : 0 1px; 
} 
.pmb7, .pmb8, .pmb9, .pmb10{ 
  display      : block; 
  overflow     : hidden; 
} 
.pmb11{ 
  font-size    : 1px; 
  display      : block; 
  overflow     : hidden; 
  height       : 1px; 
} 
.pmbBlocks{ 
  display      : block; 
  font-size    : 1px; 
} 

/*getting start page*/
/*form element*/
.pseudolink {
/*border-bottom:1px solid black;*/
cursor:pointer;
margin:5px 22px;
}
.shaded_area {
background:#F2F2F2 none repeat scroll 0 0;
border-left:1px dotted gray;
margin-left:50px;
padding:5px 0 10px;
}
.formLabel {
float:left;
width:80px;
padding-left:7px;
background:url(../img/site/smallsprite.gif) no-repeat scroll 0px -400px;
}

/* navigation */
.navigation {
	float: left;
	width: 200px;
	_width: 150px;
	padding: 30px 10px 10px;
	_padding: 30px 0px 0px;
	_margin-left:10px;
	
}
.navigation h2 {
	color: #5A5A43;
	font: bold 1.1em Undotum,Tahoma,sans-serif;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
.navigation ul {
	padding: 0;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	
	
}
		
.navigation li {border:#ffffff 2px solid;background-color: #eeeeee;-moz-border-radius:4px;width:190px;_width: 175px;}
.navigation li a {
	font-size: 1.2em;
	color: #554;
	display: block;
	padding: 8px 0 8px 15px;
	text-decoration: none;
	background:url(../img/site/ul_arrow.gif) no-repeat scroll 135px center;
}
.navigation li a:hover {
	background: #c3c3c3 url(../img/site/ul_arrow.gif) no-repeat scroll 135px center;
	color: #4796C8;	
	-moz-border-radius:4px;
}

/*top menu */

.infotxt{
	margin-left:10px;
	padding-top: 10px;
	background:url(../img/site/smallsprite.gif) no-repeat scroll 0px -222px;
	padding-left: 22px;
}

.hoverlet_container{
	float: left;
	padding-left: 6px;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
}

/*form content */

.formInput { 
border:1px solid #ccc;
color:#444;
margin-left:15px;
padding:5px;
width:240px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}

.formInput:focus {
    background-color:#f4f4f4;
}

.bigLabel{
		font-size: 20px;font-weight:normal;color:black;
	}
	.mediumLabel{
		font-size: 18px;font-weight:normal;color:black;
	}
	.smallLabel{
		font-size: 1em;font-weight:normal;color:#666;padding-left:10px;
	}

/* buttons */
.btn{
    border: 0px;
    cursor:pointer;
    height:32px;
    width:68px;
    float:left;
}
.save {
	background: url(../img/site/btnsprite.gif) no-repeat scroll 0 -527px;
}
.save:hover {
    background-position: 0px -566px;
    _background-position: 0px -566px;
}
.login {
    background: url(../img/site/btnsprite.gif) no-repeat scroll 0 -439px;
    margin:12px 0 0 140px;
}
.login:hover {
    background-position: 0px -483px;
    _background-position: 0px -483px;
}
.signup {
    height:34px;_height:45px;
    width:72px;_width:90px;
    background: url(../img/site/btnsprite.gif) no-repeat scroll 0 -256px;
    margin:12px 0 0 200px;
}
.signup:hover {
    background-position: 0px -304px;
    _background-position: 0px -304px;
}
 .back { 
     _height:36px;
     _width:70px;
     background: url(../img/site/btnsprite.gif) no-repeat scroll 0 -164px;
 }
 .back:hover {
    background-position: 0px -209px;
    _background-position: 0px -209px;
 } 
.manage {
	height:30px;_height:30px;
	width:72px;_width:84px;
	float:right;
	background: url(../img/site/btnsprite.gif) no-repeat scroll 0 -353px;
}
.manage:hover {
    background-position: 0px -396px;
    _background-position: 0px -396px;
}
.addsite { 
	height:34px;_height:34px;
	width:68px;_width:64px;
	_margin-bottom:10px;
	background: url(../img/site/btnsprite.gif) no-repeat scroll 0 2px;
}
.addsite:hover { 
    background-position: 0px -37px;
    _background-position: 0px -3px;
}
.rename { 
	width:72px;_width:70px;
	background: url(../img/site/btnsprite.gif) no-repeat scroll 0 -922px;
	margin:10px 0 0 350px;
}
.rename:hover {
    background-position: 0px -961px;
    _background-position: 0px -961px;
}
.nextpg { 
	height:33px;
	_width:70px;
	background: url(../img/site/btnsprite.gif) no-repeat scroll 0 -81px;
}
.nextpg:hover {
    background-position: 0px -120px;
    _background-position: 0px -120px;
}
.config { 
	width:76px;_width:76px;
	background: url(../img/site/btnsprite.gif) no-repeat scroll 0 -999px;
}
.config:hover {
    background-position: 0px -1038px;
    _background-position: 0px -1038px;
}

/*Left menu*/
.lmenu{
	width:170px;_width:140px;
	padding: 5px 5px 5px 15px;
	
}
.lmenu a {
    color: #444;
    text-decoration: none;
    padding:15px;
    font-size:13px;
  
}
.lmenu a:hover {
    color: #4796C8;
    font-weight: normal;
}
#help{
    background:url(../img/site/smallsprite.gif) no-repeat scroll 0px -179px;
    width: 80px; _width: 80px; 
    padding: 2px 5px 5px 1px;
}
.lvid{background:url(../img/site/smallsprite.gif) no-repeat scroll 0px -156px;}
.ldocs{background:url(../img/site/smallsprite.gif) no-repeat scroll 0px -81px;}
.lbug{background:url(../img/site/smallsprite.gif) no-repeat scroll 0px -303px;}
.lblog{background:url(../img/site/smallsprite.gif) no-repeat scroll 0px -281px;}

/*Right menu*/
.rmenu{
	width:170px;_width:170px;
	padding: 5px 5px 5px 15px;
}

.rmenu a {
    color: #4796C8;
    text-decoration: none;
    padding:10px;
    font-size:12px;
  
}
.rmenu a:hover {
    color: #444;
    font-weight: normal;
}
.rstats {background:url(../img/site/smallsprite.gif) no-repeat scroll 0px -133px;}
.rnew {background:url(../img/site/smallsprite.gif) no-repeat scroll 0px -55px;}
.rview {background:url(../img/site/smallsprite.gif) no-repeat scroll 0px -108px;}
.rall {background:url(../img/site/smallsprite.gif) no-repeat scroll 0px -364px;}

.wh{
	width:200px;
	_width:200px;
	font-weight: bold;
	padding-left:6px;
	background:url(../img/site/smallsprite.gif) no-repeat scroll 0px -355px;
}


.rcb_box {
	background: url(../img/site/rcb_tl.png) no-repeat top left;float:left;
}
.rcb_top {
	background: url(../img/site/rcb_tr.png) no-repeat top right;
}
.rcb_bot{
	background: url(../img/site/rcb_bl.png) no-repeat bottom left;
}
.rcb_bot div {
	background: url(../img/site/rcb_br.png) no-repeat bottom right;
}
.rcb_con {
	background: url(../img/site/rcb_r.png) top right repeat-y;
}

.rcb_top div,.rcb_top,.rcb_bot div, .rcb_bot {
	width: 100%;
	height: 15px;
	float:left;
}

.rcb_con, .rcb_bot {
	margin-top: -1px;
}

.rcb_con { padding: 0 10px; float:left;}

.started a {
	color: #0d4f99;
	text-decoration: none;
	padding:8px;
	font-weight: bold;
  
}
.started a:hover {
	color: #5d5d5d;
	font-weight: bold;
}

/* footer */
.left {
	text-align:left;
	padding-left: 275px;
	padding-top: 10px;
	background-color: #FFFFFF;
	width: 705px;_width: 705px;
	padding-bottom: 14px;
}
.footer {
	background: #4998D0;
	color: #555544;
	font: bold 1.2em Undotum,sans-serif;
	height: 11px;
}
.footer a {
	color: #555544;
	text-decoration: none;
}
.footer a:hover {color: #FF0000;}
.footer .right, .footer .right a {color: #C8C8C3;}
.footer .right a:hover {color: #F7F7F2;}

/* yui overlays */
.yui-overlay {
    position:absolute;
    _width:18%;
}
.yui-overlay .bd {
    padding:1px; 
}
.hoverlet_overlay {
    background:#f9f9f9;
    padding:3px;
    -moz-border-radius:2px; 
    -webkit-border-radius:2px;
    border-radius:2px;
    border: 1px solid #ccc;
    _width:90px;
}
#overlay_sites {
    background:#999;
    padding:8px;
    color:#fff;
    border-top: 1px solid #F10101;
    font: normal 12px Undotum,sans-serif;
    cursor:pointer;
    margin-top: 13px;
    width:200px;
}
.user_sites {
    padding:3px;
}
.user_sites:hover {
    background:#4998D0;
}

/* stats related */
.stat_icons {
    height:36px;width:36px;float:left;margin:5px 12px;cursor:pointer;
}
.st_hour {
    background:transparent url(../img/site/sprite_stats.png) no-repeat scroll -41px -1px;
}
.st_day {
    background:transparent url(../img/site/sprite_stats.png) no-repeat scroll -4px -1px;
}
.st_week {
    background:transparent url(../img/site/sprite_stats.png) no-repeat scroll -115px -1px;
}
.st_mon {
    background:transparent url(../img/site/sprite_stats.png) no-repeat scroll -78px -1px;
}
.st_year {
    background:transparent url(../img/site/sprite_stats.png) no-repeat scroll -152px -1px;
}
.st_hour:hover {
    background-position: -41px -38px;
}
.st_day:hover {
    background-position: -4px -38px;
}
.st_week:hover {
    background-position: -115px -38px;
}
.st_mon:hover {
    background-position: -78px -38px;
}
.st_year:hover {
    background-position: -152px -38px;
}
.stat_text {
    float:left;padding-top:7px;line-height:36px;margin:0 5px 0 15px;
}