@import "jquery-ui.css";
/* Style Screen (Kutoken Main Stylesheet) */

/* 
(C)2009 BASHTON / FIRSTBASEDESIGN

Created: Tue 19 May 2009
Author: Marc Remblance
Version: 1.0
*/

/* and some more stuff here and here and here */


/* ----- Layout / Structure -----  */


* { 
	margin : 0;
	
	padding : 0;
	
	}
	

html, body {
	
	margin-bottom: 0;
	
	padding: 0;

	background: #fff;	
	
	height: 100%;
	
	font-family: Arial, Verdana, sans-serif;
	
	}
	
	
#wrapper {

	width: 100%;
	
	text-align: left;

	margin: 0 auto;

  min-height: 100%;

  position: relative;

	}
	

#headerOuter {

	 width: 100%;
	 
	 height: 169px;
    
	 background: url(../images/header_background_plain.png);
     
	 }
	 
	
#headerTop {

	position: relative;

	background-image: url(../images/header_plain.png);

	width: 978px;
	
	height: 140px;
	
	margin: 0px auto;

	}
	

#headerBottom {

	background-image: url(../images/header_bottom.png);

	width: 978px;
	
	height: 273px;
	
	margin: 0px auto;

	}	
	
	
#mainContainer {

	width : 978px;

	background: #fff repeat-y;

  padding-bottom: 46px;

  margin: 0px auto;

  height: 100%;

  height: auto !important;

  min-height: 40%;

	}

	
#content {

	float: left;

	width: 978px;

	padding: 30px 10px 10px 10px;
	
	margin: 0;

  background: #fff;

	}
	
	
#sidebar {

	float: right;
	
	width: 280px;

	padding: 30px 0 0 0;
	
	margin: 0;

	}
	

#innerNews {

	background-color: #dae8fd;
	
	border: 1px solid #bac2cf;

	width: 90%;
	
	height: 100%;

	margin: 0 0 30px 0;

	padding: 10px;

        font-size: 1.2em;

	}
	
#footerOuter {

	width: 100%;
	 
	height: 372px;
    
	background: url(../images/footer_background_signup.png);
	
	margin: 0;
	
	padding: 0;
    
	}
	

#footer {

  width: 978px;

	height: 372px;
    
	margin: 0px auto;
    
	padding: 0;
	
	}
	

.clear {

	clear: both;
	
	}
	

/* ----- Typography  -----  */


p {

	font-size: 1em;
	
	line-height: 1.6em;
	
	color: #1d170f;
	
	padding: 0 15px 10px 10px;
	
	margin: 15px 0 10px 0;

	}
	
	
h1 {

	padding: 0 0 0 10px;
	
	font-family: Arial, Verdana, sans-serif;
	
	font-size: 1.5em;
	
	color: #2b555d;
	
	border-bottom: 1px dotted #826949;
	
	margin-bottom: 20px;
	
	}
	
h2 {

	padding: 5px 0 0 10px;
	
	font-family: Arial, Verdana, sans-serif;
	
	font-size: 1.2em;
	
	color: #2b555d;
	
	border-bottom: 1px dotted #826949;
	
	margin-bottom: 10px;
	
	}
	
h3 {

	padding: 5px 0 0 10px;
	
	font-family: Arial, Verdana, sans-serif;
	
	font-size: 1em;
	
	color: #2b555d;
	
	margin-bottom: 10px;
	
	}
	
h4 {

	padding: 5px 0 0 10px;
	
	font-family: Arial, Verdana, sans-serif;
	
	font-size: .8em;
	
	color: #2b555d;
	
	margin: 0;
	
	}

blockquote {
	background-color: #DAE8FD;
	border: 1px solid #BAC2CF;
	margin-left: 5%;
	width: 90%;
}

	
#innerNews {
  min-height: 25px;
}
  
#innerNews p {

	font-size: .7em;
	
	line-height: 1.6em;
	
	color: #1d170f;
	
	padding: 0;
	
	margin: 15px 0 10px 0;
	
	}
  
td #innerNews .addlink {
  padding-bottom: 4px;
}
  
td #innerNews h3 {
  padding: 0px;
  margin-right: 15px;
}

#extra_bandwidth {
	margin-top: 30px;
	clear: both;
}

#extra_bandwidth p {
  font-size: 1em;
}

#machinelist {
	margin-top: 30px;
	clear: both;
}

#machinelist p {
  font-size: 1em;
}

#extra_diskspace_label {
  font-weight: bold;
  margin-right: 20px;
  float: left;
}



#homeLink {
	
	position: absolute;
	
	top: 0;
	
	left: 9px;
	
	height: 130px;
	
	width: 310px;
	
	background-color: transparent;

	}
	
#homeLink img {

	border: none;
	
	}
	

#homeLink span {

	display: none;
	
	}

.planOneSpecs {

	float: left;

	margin: 0 0 0 30px;
	
	padding: 100px 0 0 0;
	
	border: none;
	
	width: 210px;
	
	height: 104px; 
	
	background-image: url(../images/lite_icon.png);
	
	background-repeat: no-repeat;

	}
	
.planOneSpecs li {

	text-align: center;

	margin: 0;
	
	padding: 5px 0 5px 0;
	
	color: #fff;
	
	font-weight: bold;
	
	font-size: .9em;
	
	list-style-type: none;

	}
	
.planTwoSpecs {

	float: left;

	margin: 0 0 0 10px;
	
	padding: 100px 0 0 0;
	
	border: none;
	
	width: 230px;
	
	height: 104px; 
	
	background-image: url(../images/basic_icon.png);
	
	background-repeat: no-repeat;

	}
	
.planTwoSpecs li {

	text-align: center;

	margin: 0;
	
	padding: 5px 0 5px 0;
	
	color: #fff;
	
	font-weight: bold;
	
	font-size: .9em;
	
	list-style-type: none;

	}
	
.planThreeSpecs {

	float: left;

	margin: 0;
	
	padding: 100px 0 0 0;
	
	border: none;
	
	width: 210px;
	
	height: 104px; 
	
	background-image: url(../images/pro_icon.png);
	
	background-repeat: no-repeat;

	}
	
.planThreeSpecs li {

	text-align: center;

	margin: 0;
	
	padding: 5px 0 5px 0;
	
	color: #fff;
	
	font-weight: bold;
	
	font-size: .9em;
	
	list-style-type: none;

	}
	
.planFourSpecs {

	float: left;

	margin: 0;
	
	padding: 100px 0 0 0;
	
	border: none;
	
	width: 250px;
	
	height: 104px; 
	
	background-image: url(../images/advanced_icon.png);
	
	background-repeat: no-repeat;

	}
	
.planFourSpecs li {

	text-align: center;

	margin: 0;
	
	padding: 5px 0 5px 0;
	
	color: #fff;
	
	font-weight: bold;
	
	font-size: .9em;
	
	list-style-type: none;

	}
	
	
#footer .signUpLink a {

	color: #e8d6a3;
	
	text-decoration: none;
	
	border-bottom: 1px dotted #fff;
	
	padding: 0 0 3px 0; 

	}
	
#footer .signUpLink a:visited, .signUpLink a:hover {

	color: #2b555d;
	
	border-bottom: 1px dotted #fff;
	
	}
	
.largeBulletPoints {

	margin: 0;
	
	padding: 5px 0 5px 0;

        border: 0;
	
	}
	
.largeHandwritingText {

	margin: 0;
	
	padding: 10px 0 10px 0;

        border: 0;
	
	}
	
#signUpIcon {

	float: right;

	margin: 50px 10px 0 0;
	
	padding: 0;
	
	}
	
#signUpIcon img {

	border: none;
	
	}
	
#djangoLink {

	margin: 20px 0 0 63px;
	
	padding: 0;
	
	}
	
#djangoLink img {

	border: none;
	
	}
	
#footer a {

	color: #fff;
	
	}
	
	
#footer #left {

  color: #fff;

  float: left;

  padding-left: 20px;

  font-size: .6em;	
  
  margin-left: 10px;

  margin-top: 346px;
	
	}

#footer #right {

  color: #fff;

  float: right;

  padding-right: 20px;

  font-size: .6em;

  margin-left: 10px;

  margin-top: 346px;

}


#footer #left a, #right a {
	
	color: #93c6c2;
	
	text-decoration: none;

	border-bottom: 1px dotted;
	
	}
	
#footer a:visited, #footer a:hover {
	
	color: #fff;
	
	border-bottom: 1px dotted;
	
	}


/* ----- Header Navigation  -----  */


#headerNavigation  {

	position: relative;
	
	width: 400px;
	
	padding: 0;

	margin: 0 0 0 640px;
	
	font-size: .8em;
	
	font-weight: bold;
	
	color: #fff;
	
	}
	
#headerNavigation li {

	list-style: none;

	float: left;
	
	padding: 20px 10px 0 10px;
	
	}
	
	
#headerNavigation a {
	
	color: #fff;
	
	text-decoration: none;
	
	padding: 0;
	
	}
	
	
#headerNavigation a:visited, #headerNavigation a:hover {
	
	color: #fff;
	
	border-bottom: 1px dotted #fff;
	
	}

ul {

        padding-left: 30px;
        }

li {
        padding-bottom: 10px;
}
	
/* ----- Front page specific CSS  -----  */


#frontPage {

	margin: 0;
	
	padding: 0;
	
	height: 100%;
	
	}


#frontPage #wrapper {

	width: 100%;

	height: 100%;
  
  text-align: left;

	margin: 0 auto;
	
	}
	
#frontPage #headerOuter {

	 width: 100%;
	 
	 height: 413px;
    
	 background: url(../images/header_background.png);
     
	 }
	
	
#frontPage #headerTop {

	position: relative;

	background-image: url(../images/header_top.png);

	width: 978px;
	
	height: 140px;
	
	margin: 0px auto;

	}
	
	
#frontPage #mainContainer {

  margin: 0px auto;

	height: 100%;
  
  height: auto !important;

  min-height: 40%;

  width : 978px;

	background: #fff repeat-y;
	
	}

	
#frontPage #content {

	float: left;

	width: 650px;

	padding: 30px 10px 10px 10px;
	
	margin: 0;
	
	}
	
	
#frontPage #footerOuter {

	width: 100%;
	 
	height: 409px;
    
	background: url(../images/footer_background.png);
	
	margin: 0;
	
	padding: 0;
    
	}
	

#frontPage #footer {
	
	width: 978px;

  height: 250px;
	
	margin: 0px auto;
	
	padding: 10px;
	
	}
	
	
#frontPage #footer #left {

	color: #fff;

  float: left;

  padding-left: 20px;

  font-size: .6em;

  margin-left: 10px;

  margin-top: 142px;

	} 

#frontPage #footer #right {

  color: #fff;

  float: right;

  padding-right: 20px;

  font-size: .6em;

  margin-left: 10px;

  margin-top: 142px;

}


#frontPage #headerNavigation {

	position: relative;
	
	width: 400px;
	
	padding: 0;

	margin: 0 0 0 680px;
	
	font-size: .8em;
	
	font-weight: bold;
	
	color: #fff;
	
	}
	
#frontPage #headerNavigation li {

	list-style: none;

	float: left;
	
	padding: 20px 10px 0 10px;
	
	}
	
	
#frontPage #headerNavigation a {
	
	color: #fff;
	
	text-decoration: none;
	
	padding: 0;
	
	}
	
	
#frontPage #headerNavigation a:visited, #signUpPage #headerNavigation a:hover {
	
	color: #fff;
	
	border-bottom: 1px dotted #fff;
	
	}


/* ----- Sign Up Form  -----  */


form {
	 
	 width: 600px;
	 
	 margin: auto;
	 
	 padding-bottom: 20px;
	 
	 color: #930;
	 
	 }

fieldset {
     
	 position: relative;
	 
	 margin-bottom: 10px;
	 
	 padding: 0 0 1em 0;
	 
	 background-color: #b5e2e6;
	 
	 border: none;
	 
	 border-bottom: 1px solid #999;
	
	 }

form > fieldset:first-child {

	 background-color: #d4bc9c;
	
	 }

legend {
	 
	 padding-left: 10px;
	 
	 font-size: 1em;
	 
	 font-weight: bold;
	 
	 letter-spacing: .4em;
	 
	 font-family: Arial, Helvetica, sans-serif;
	 
	 color: #2b555d;
	 
	 }

legend span {  
	 
	 position: absolute;  
	 
	 left: 0.6em;  
	 
	 top: 0;  
	 
	 margin-top: 0.5em;  
	 
	 font-size: 1.3em;
	 
	 border-bottom: 1px dotted #6b573d;
	
	 }

form ol {
 
 	 padding: 20px;

	 }

fieldset ol {  
	 
	 padding: 3.5em 1em 0 1em;  
	 
	 list-style: none;
	 
	 }

fieldset.submit {  
	 
	 border-style: none;
	 
	 background-color: transparent;
	 
	 }

form p {
	 
	 margin: 10px;
	 
	 font-size: .8em;
	
	 }

form li {
	 
	 list-style-type: none;
	 
	 border-bottom: 1px dotted #000; 
	 
	 padding-bottom: 10px;
	 
	 margin-bottom: 2px;
	
	 }

label {
	 
	 display: block;
	 
	 width: 200px;
	 
	 font-size: 1.2em;
	 
	 font-weight: bold;
	 
	 color: #2b555d;
	 
	 padding: 2px 0 2px 0;
	
	 }

span.label {
 
 	 font-weight:bold;

	 }

li.radioContainer label {
	 
	 float: none;
	 
	 font-weight: normal;
	
	 }

input {
 	
	border: 1px solid #977e5e;
	
	padding: 5px;
	
	margin: 0;
	
	color: #333;

	}

/* ----- Blog  -----  */

.item h1 {
  
  margin-bottom: 5px;

  color: #2B555D;

  }

.item h1 a{

  color: #2B555D;

  text-decoration: none;

  }

.item .descr {

  padding-left: 10px;

  }

/* ----- Control Panel  -----  */

table.control {
  width:90%;
  border-top:1px solid #977e5e;
  border-right:1px solid #977e5e;
  border-left:1px solid #977e5e;
  margin:1em auto;
  border-collapse:collapse;
}

table.control th {
  padding-top: .3em;
  padding-bottom: .3em;
  text-align: center;
  font-size:1.2em;
  color: #333;
  background:#d4bc9c;
  border-bottom:1px solid #977e5e; 
}

table.control td {
  color:#333;
  border-bottom:1px solid #977e5e;
  border-left:1px solid #977e5e;
  padding:.3em 1em;
  text-align:center;
}

table.control tr.odd {

}

table.control tr.even {
  background:#ded6cd;
}

table.control td li {
  margin-left: 20px;
  text-align: left;
}

table fieldset {
  text-align:left;
}

pre {
  text-align:left;
}

.database {
  padding:2px;
}

.database-disabled {
  padding:2px;
  color: #fff;
}

.dbuser {
  margin-left: 24px;
}

.dbuser-disabled {
  color: #fff;
  margin-left: 24px;
}

.startlink {
  background:transparent url(/media/images/start.png) no-repeat scroll 0 0.2em;
  padding-left:20px;
  padding-bottom: 24px;
  cursor: pointer;
}

.stoplink {
  background:transparent url(/media/images/stop.png) no-repeat scroll 0 0.2em;
  padding-left:20px;    
  padding-bottom: 24px;      
  cursor: pointer;
}

.infolink {
  background:transparent url(/media/images/down.png) no-repeat scroll 0 0.2em;
  padding-left:20px;
  padding-bottom: 24px;
  cursor: pointer;
  float: right;
}

.addlink {
  background:transparent url(/adminmedia/img/admin/icon_addlink.gif) no-repeat scroll 0 0.2em;
  padding-left:12px;
  padding-bottom: 24px;
  margin-right:12px;
  cursor: pointer;
}

.changelink {
  background:transparent url(/adminmedia/img/admin/icon_changelink.gif) no-repeat scroll 0 0.2em;
  padding-left:12px;
  padding-bottom: 24px;
  margin-right:12px;
  cursor: pointer;
}

.deletelink {
  color:#CC3434;
  background:transparent url(/adminmedia/img/admin/icon_deletelink.gif) no-repeat scroll 0 50%;
  padding-left:12px;
  margin-left:24px;
  margin-right:12px;
  cursor: pointer;
}


a, a:visited {
  cursor: pointer;
  color: #333;
}

#currency {
  display: inline;
}

form#currencyform {
  padding-top: 5px;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-left: 750px;
  color: #333;
  width: 200px;
}

/* ----- Checkout  -----  */

table.checkout {
  width:70%;
  border-top:1px solid #977e5e;
  border-right:1px solid #977e5e;
  border-left:1px solid #977e5e;
  margin:1em auto;
  border-collapse:collapse;
}

table.checkout th {
  padding-top: .3em;
  padding-bottom: .3em;
  text-align: center;
  font-size:1.2em;
  color: #333;
  background:#d4bc9c; 
  border-left:1px solid #977e5e;
}

table.checkout td {
  color:#333;
  border-bottom:1px solid #977e5e;
  border-left:1px solid #977e5e;
  padding:.3em 1em;
}

/* Yes, the left-right swap is deliberate */

table.checkout td.left{
  text-align:right;
}

table.checkout td.right{
  text-align: left;
}

table.checkout td a.infolink {
  float:right;
  padding-bottom: 4px;
}

table.checkout td a.deletelink {
  float:right;
}

table.checkout tr.total {
  background:#ded6cd;
}


form#billinguserprofileform {
  color: #000;
  width: 50%;
  margin: auto;
  font-size: 75%;
  
}

#future {

	border: 1px solid #bac2cf;

	width: 50%;

        margin: 1em auto;
	
	padding: 10px;

	}

#checkoutfooter {
        margin: 1em auto;
        width: 80%;
      }

.proceed {
        text-align: center;
        font-size: 1.4em;
      }

.proceed a img{
       border: none;
     }

/*  KuTicket */

.ticketheader {
        font-size: 0.7em;
        color: #444;
      }

.ticketbody{
        margin: 0px;
        font-size: 0.9em;
        background:#ded6cd;
}

.odd{
        background:#ded6cd;
}

.even {
        background:#bad6cc;
}

/* User Guides */

img.centered {
  display:block;
  margin: auto;
}