/***
 * @file base.css
 * @author katarina micanovic <katarina@ideegeo.com>
 *
 * includes all the other stylesheets
 * handles the typography and various stuff
***/
@import url("defaults.css");  /* the default html elements */
@import url("grid.css");  /* the layout grid */
@import url("menu.css");  /* the main menu */
@import url("formfu.css");  /* the forms */
@import url("forms.css");  /* new forms */
@import url("table.css");  /* table styles */
@import url("dashboard.css");  /* dashboard */
@import url("plugins.css");  /* various plugins */

/** header **/
#header .logo {padding-top: 14px;}
#header h1.slogan {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	background-color: transparent;
	font-size: 1.286em;
	padding: 20px 0 0 0;
	margin: 0;
}

/** shoppingcart **/
#cart {z-index: 1; position: absolute; top: 0; right: 0;}
#cart a {font-weight: bold;}
#cart p {padding-top: 5px;	margin: 0;}

/** startpage **/
.startpage {
	display: block;
	width: 100%;
	text-align: center;
	position: relative;
}
.startpage .logo {margin-top: 40px;}
.startpage h1 {font-size: 1.428em; margin: 0.5em 0 0.2em 0;}

/** startpage search **/
.startpage .homesearch {margin-top: 16px; margin-bottom: 40px;}
.startpage .homesearch input {font-size: 1em; text-align: left;}
.startpage .homesearch input.textfield {color: #000; background-color: transparent;	width: 453px; font-size: 1.2em;}
.startpage .homesearch span {
	position: absolute;
	left: 703px;
	top: 115px;
	text-align: left;
	font-size: 0.85em;
}
.startpage .box,.startpage .boxright {
	float: left;
	width: 303px;
	margin-right: 9px;
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: left;
	color: #333;
}
.startpage .boxright {margin-right: 0;}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#333333;
	font-size:12px;
	font-weight:normal;
	padding:4px 12px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	cursor:pointer;
}.myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.myButton:active {
	position:relative;
	top:1px;
}

/** content search **/
#content .search {margin-bottom: 10px; margin-top: 10px;}
#content .search input.textfield {width: 200px;}
#content .search input.textfield-lrg {width: 250px; font-size:1.2em;}
#content .search span {
	position: absolute;
	left: 285px;
	top: 3px;
	text-align: left;
	font-size: 0.8em;
}
#content .search input {font-size: 1em;	text-align: left;}

/* mobileme, apps */
.mobileme {text-align: center;	width: 100%; margin: 0 auto;}
.apps {text-align: left; width: 100%; margin: 0 auto;}
.mobileme .box, .apps .box { float: left; width: 49%;}
.mobileme h2 {text-align: center;}
.iphoneapp h2 {text-align: left;}
.iphoneapp .box, .domains .box {float: left; width: 45%; text-align: left; padding-right: 40px;}



/** features **/
.features .box {float: left; width: 45%; text-align: left; padding-right: 40px;}

.services .boxleft {float: left; width: 40%; text-align: left;}
.services .boxright {float: right; width: 55%; text-align: left; padding-left: 20px;}

.services .featured, domains .featured {
	float: left;
	width: 270px;
	padding-right: 30px;
	padding-top: 25px;
	margin-bottom: 25px;
	text-align: left;
	color: #333;
}

.services .smallfeatured  {
	float: left;
	width: 160px;
	padding-right: 15px;
	margin-right: 30px;
	margin-bottom: 40px;
	margin-top: 20px;
	text-align: left;
	color: #333;
}

.services .appsdir {
	float: left;
	width: 220px;
	margin-left: 9px;
	margin-right: 9px;
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: left;
	color: #333;
}

.services .applications {float: right; width: 67%; text-align: left;}
.services .categories {float: left; width: 30%; text-align: left;}

.img-left-apps {float: left; margin-right: 10px; margin-bottom: 20px; text-align:center;}

.appsearch {background: #fff url(/images/apps-landing-bg.png) repeat-x; width:870px; height:220px;}
.appsearchbox {padding-left:250px; padding-top:15px; float:left;}
.appsearchlogo {float:right;padding-top:30px;}

/** developer **/

.developer .boxleft {float: left; width: 65%; text-align: left;}
.developer .boxright {float: right; width: 30%; text-align: left; padding-left: 20px;}

/** support **/
.support .boxleft {
	float: left;
	margin: 20px 10px 20px 0;
	width: 55%;
	padding: 20px;
	background-color: #F9F9F9;
}
.support .boxright {
	float: right;
	margin: 20px 0;
	width: 35%;
	padding: 0 20px;
	background-color: #F9F9F9;
}
.support .label {width: 100%;}
.support .label label {width: 150px;}
.support .labeltop {width: 45%;}
.support textarea.support {width: 65%;}
.support .submit {margin: 0 0 0 150px;}
*:first-child+html .support .submit {margin: 0 0 0 75px;}
* html .support .boxleft .submit {margin: 0 0 0 75px;}

/** forms **/

.forms .box {float: left; width: 49%; text-align: left; }

button.cta, .button.cta {
	background: #222 url(/images/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.smallergreen.cta{background-color: #090; font-size:0.7em;}
.smallerred.cta{background-color: #f00; font-size:0.7em;}

.smallgreen.cta{background-color: #090; font-size:0.825em;}
.smallred.cta{background-color: #f00; font-size:0.825em;}

.largegreen.cta{background-color: #090; font-size:1em;}
.largered.cta{background-color: #f00; font-size:1em;}

.largergreen.cta{background-color: #090; font-size:1.5em;}

input.btn {
	margin-top: 5px;
	padding: 2px 20px;
	font-size: 1em;
	font-weight: normal;
}
.searchresults {font-size: 1.286em;}
.searchresults input.cartbtn {
	font-size: 0.734em;
	font-weight: normal;
	color: #666;
	background-color: transparent;
	border: 0;
	text-decoration: underline;
	display: block;
}
.searchresults input.checkoutbtn {
	font-weight: bold;
	margin-top: 5px;
	padding: 2px 20px;
	font-size: 0.9em;
	background-color:#090;
	color:#fff;
}
.textfield {
	border-color: #7C7C7C #C3C3C3 #DDDDDD;
	border-style: solid;
	border-width: 1px;
}
.textfield:focus {
	border-color: #333 #666 #666 #333;
	outline: 1px solid #666;
}
.textfield-lrg {
	border-color: #7C7C7C #C3C3C3 #DDDDDD;
	border-style: solid;
	border-width: 1px;
}
.textfield-lrg:focus {
	border-color: #333 #666 #666 #333;
	outline: 1px solid #666;
}
.textfield .subsearch {width: 192px;}

/** footer **/
#footer p {margin-top: 15px 0; text-align: center;}
#footer ul.navfooter,#footer ul.right {
	float: left;
	padding: 0;
	margin-left: 0;
	text-align: left;
	list-style: none;
}
#footer ul.navfooter li {padding: 0; margin: 0;}
#footer ul.navfooter li.head {margin-bottom: 10px; color:#333333;}
#footer ul.right {margin-right: 0;}
#footer .box1,#footer .box2,#footer .box3 {	margin-right: 120px;}
#footer a {
	color: #666666;
	background-color: transparent;
	text-decoration: none;
	font-weight: normal;
}

/** ie 6 **/
* html input.btn, * html .submit input,
* html .startpage .homesearch input.btn,
* html .search input.btn, * html input.checkoutbtn {
    padding: 0 20px;
    border: 1px solid;
    border-top-color: #999;
	border-left-color: #999;
	border-right-color: #777;
	border-bottom-color: #777;
}
* html .startpage .homesearch input.btn {width: 235px;}
* html .search input.btn {width: 160px;}
* html .startpage .homesearch input.transferbtn,
* html .search input.transferbtn {width: 150px;}

/* ie 7 */
*:first-child+html input.btn, *:first-child+html .submit input,
*:first-child+html .startpage .homesearch input.btn,
*:first-child+html .search input.btn, *:first-child+html input.checkoutbtn {
	padding: 0 20px;
    border: 1px solid;
    border-top-color: #999;
	border-left-color: #999;
	border-right-color: #777;
	border-bottom-color: #777;
}
*:first-child+html .homesearch input.btn {width: 235px;}
*:first-child+html .search input.btn {width: 160px;}
*:first-child+html .homesearch input.transferbtn,
*:first-child+html .search input.transferbtn {width: 150px;}

/** Tooltips **/

.tooltip {
	border-bottom: 1px dotted #000000; color: #000000; outline: none;
	cursor: pointer; text-decoration: none;
    position: relative;
    font-size:0.825em;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	position: absolute; left: 1em; top: 2em; z-index: 99;
	margin-left: 0; width: 250px;
}
.tooltip:hover img {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}
.tooltip:hover em {
	display: block; padding: 0.2em 0 0.6em 0;
}
.tt-classic { padding: 0.8em 1em; }
.tt-custom { padding: 0.5em 0.8em 0.8em 2em; }
.tt-classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.tt-critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.tt-help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.tt-info { background: #EEEEEE; border: 1px solid #A0A0A0;	}
.tt-warning { background: #FFFFAA; border: 1px solid #FFAD33; }

/** autocomplete **/

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	text-align: left;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #a0a0a0;
	color: white;
}


/** blog **/

.entrytitle h1 {font-size: 1.428em;	margin: 1em 0;}

/** various **/

.readmore {float: right;margin-right: 20px;}
.actionbox {text-align: left;padding: 20px;background-color: #F3F3F3;border: #E8E8E8 1px solid;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.actionbtn {font-weight: bold; margin-top: 5px;	padding: 2px 20px; font-size: 0.9em; background-color:#090;	color:#fff;}
.cancelbtn {font-size: 0.75em; font-weight: normal; color: #666; background-color: transparent; border: 0;	text-decoration: underline; cursor: pointer;}
a.decornone {text-decoration: none;}
a.decornone-black {text-decoration: none; color: #000;}
a.action {background-color:#090;text-decoration: none;color: #fff; padding: 3px 3px 3px 3px;}
a.green {color:#060;font-weight:bold;text-decoration: underline;}
a.green:hover {color:#060;font-weight:bold;text-decoration: none;}
.red {color: #900;}
.success {color: #060; font-weight: bold; background-color: transparent;}
.success-light {color: #060; font-weight: normal; background-color: transparent;}
.status-msg {display: block; width: 99%; color: #060; font-weight: bold; background-color: #CFC; border-color: #2f2f2f; border: 1px solid; padding: 5px; }
.secure-msg {display: block; width: 75%; color: #060; font-weight: bold; background-color: #CFC; border-color: #2f2f2f; border: 1px solid; padding: 5px; }
.error {color: #f00;  font-weight: bold; background-color: transparent;}
.error-msg {display: block; width: 99%; color: #f00; font-weight: bold; background-color: #FFE8E8; border-color: #f00; border: 1px solid; padding: 5px; }
.dopadding {padding: 30px 20px;}
.toppadding {padding-top: 10px;}
.bottompadding {padding-bottom: 10px;}
.bottompadding-lrg {padding-bottom: 30px;}
.small {font-size: 0.75em;} /* 16x0.75=12px */
.medium {font-size: 1.0em;}
.big {font-size: 1.428em;line-height: 1.428em; color: #333;}
.bigsans {font-size: 1.428em;line-height: 1.428em;}
.pagination {text-align: center; font-size: 1.428em; }
.subpage {font-size: 2.5em;font-family:Georgia,"Bitstream Vera Serif","Times New Roman",serif;}
.center {text-align: center;}
.left {float: left;}
.right {float: right;}
.text-right {text-align: right;}
.img-left {float: left;	margin-right: 20px;}
.img-left-padding {float: left;	margin-left: 10px;}
.img-left-apps {float: left; margin-top: 20px; margin-right: 40px; text-align:center;}
.img-left-blog {float: left; margin-right: 10px;}
.img-right {float: right; margin-left: 20px;}
.clear {clear: both;}
.none {display: none;}
.baseline {vertical-align: baseline;}
.middle {vertical-align: middle;}
.sub {vertical-align: super;}
.strike {text-decoration: line-through; color: #666;}
.labeltop {display: block;}
.textlight {color: #333;}
.textlighter {color:#666;}
.texttop {vertical-align: text-top;}
.textbottom {vertical-align: text-bottom;}
.textleft {text-align: left;}
.top {vertical-align: top;}
.bottom {vertical-align: bottom;}
.bold {font-weight: bold;}
.up {padding-left: 20px; background: transparent url("/global/images/up.gif") no-repeat 0 50%;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clearfix {height: 1%;}
.clearfix {display: block;}