﻿/* ##### */
/* RESET */
/* ##### */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* ##### */
/* Common */
/* ##### */

*						{ margin: 0px; padding: 0px; }
body, div, td			{ font-family: "Lucida Grande", Helvetica, Arial, Tahoma, Sans-Serif; font-size: 14px; }
html, body, form		{ height: 100%; }

h1, h2, h3, h4, h5		{ font-family: Georgia, Helvetica, Arial, Tahoma, Sans-Serif; }
h1						{ color: #1972aa; font-size: 34px; padding-bottom: 8px; }
h2						{ color: #2a8bc8; font-size: 22px; padding-bottom: 8px; }
h3						{ color: #42a7e6; font-size: 16px; padding-bottom: 8px; }

a						{ color: #2200cc; }
a:hover					{ color: #838589; }
a:visited				{ color: #551a8b; }

p						{ line-height: 22px; padding-bottom: 20px; }
img						{ border: 0px; }
small					{ display: block; margin: 2px 0px 2px 0px; }
strong					{ font-weight: bold; }
.space					{ height: 1px; border-bottom: solid 1px #dadada; margin: 12px 0px 16px 0px; }
.clear					{ clear:both; }
	
input.style				{ width:300px; background-color: #EDF7FC; border:1px solid #AEDBF0; color:#3b3b3b; font-family: Arial, Verdana; font-size:14px; font-style:normal; font-variant:normal; line-height:normal; padding:6px; }
textarea.style			{ width:600px; height:200px; background-color: #EDF7FC; border:1px solid #AEDBF0; color:#3b3b3b; font-family: Arial, Verdana; font-size:14px; font-style:normal; font-variant:normal; line-height:normal; padding:6px; }
select.style			{ width:314px; background-color: #EDF7FC; border:1px solid #AEDBF0; color:#3b3b3b; font-family: Arial, Verdana; font-size:14px; font-style:normal; font-variant:normal; line-height:normal; padding:6px; }
ul.style				{ list-style-position: inside; list-style-type: circle; }
ul.style li				{ padding: 4px 0px 4px 0px; }
table.style				{ }
table.style thead		{ font-weight: bold; }
table.style td			{ padding: 2px 0px 2px 0px; }

.statusInfo				{ padding: 10px; margin: 20px 0px 20px 0px; background-color: #c8efa6; border: solid 1px #8ac456; clear: both; }
.statusError			{ padding: 10px; margin: 20px 0px 20px 0px; background-color: #eac2bc; border: solid 1px #bd4131; clear: both; }

.pink					{ color: #CE0B67; }
.gold					{ color: #d4af37; font-size: 12px; }

.orangeField			{ padding: 20px; margin: 10px 0px 10px 0px; background-color: #ffe2c8; }

/* ##### */
/* Awesome buttons */
/* ##### */

button.awesome, 
input.awesome, 
a.awesome{ background-color:#111}

button.awesome, 
input.awesome, 
a.awesome{ font-family:Arial; font:inherit; background-color: #a9d73c; background-repeat:repeat-x; color:#fff; text-decoration:none; position:relative; cursor:pointer; border:0; font-style:normal; font-weight:bold; line-height:1; padding:5px 10px 6px; font-size:14px; border-bottom:1px solid transparent\9; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5); background-image:url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACWCAYAAAAfduJyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK8AAACvABQqw0mAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAABoSURBVCiRpY9LDsAgCERfsem5eiTvHyvdSTCo/Wwm84aAI6p6CqBN8NhJnWYf3e8DYSFUlfajSLI/wPSNK+hsWXnjbHc4qOusBIWKx04IEAEOASSQ3ePmM3NpndnucPDApaBQ8tg5DG9SjWGZEAOyyAAAAABJRU5ErkJggg%3D%3D"); background-position:0 0; display:-moz-inline-stack; display:inline-block; vertical-align:middle; *display:inline !important; position:relative; zoom:1; -moz-user-select:none}
.awesome::selection{ background:transparent}

button.awesome:hover, 
input.awesome:hover, 
a.awesome:hover{ background-position:0 -50px; color:#fff}
button.awesome:active, 
input.awesome:active, 
a.awesome:active{ background-position:0 100%; -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.7); -webkit-box-shadow:none; border-bottom:0\9; border-top:1px solid #666\9}

button.awesome.small, input.awesome.small, a.awesome.small{padding:4px 7px 5px; font-size:10px}
button.awesome.small:active, input.awesome.small:active, a.awesome.small:active{padding:5px 7px 4px}
button.awesome.medium, input.awesome.medium, a.awesome.medium{}
button.awesome.medium:active, input.awesome.medium:active, a.awesome.medium:active{padding:6px 10px 5px}
button.awesome.large, input.awesome.large, a.awesome.large{padding:8px 14px 9px; font-size:14px}
button.awesome.large:active, input.awesome.large:active, a.awesome.large:active{padding:9px 14px 8px}

.blue.awesome{background-color:#2daebf}
.red.awesome{background-color:#e33100}
.magenta.awesome{background-color:#a9014b}
.orange.awesome{background-color:#ff5c00}
.yellow.awesome{background-color:#ffb515}

/* ##### */
/* Tipsy */
/* ##### */

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(/img/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

/* ##### */
/* Design */
/* ##### */

body			{ background: #95b8d6 url(/img/bg.jpg) repeat-y top center; }

#side_ads		{ width: 1020px; margin: 0px auto; }
#side_ads_left	{ float: left; width: 120px; margin-right: 10px; padding-top: 150px; }
#side_ads_right	{ float: left; width: 120px; margin-left: 10px; padding-top: 150px; }
#container		{ float: left; width: 760px; }
#top			{ height: 150px; cursor: pointer; background: transparent url('/img/top.jpg') no-repeat top left; }
#content		{ background-color: #FFFFFF; min-height: 500px; height: auto !important; height: 500px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
#bottom			{ height: 150px; background: transparent url(/img/bottom.jpg) no-repeat top center; }

.netto			{ background-color: #fff100; }
.underline		{ text-decoration: underline; }

.tc				{ padding: 20px 20px 10px 20px; }

.detailed_list					{ border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; margin-bottom: 50px; padding: 10px; }
.detailed_list table			{ width: 100%; }
.detailed_list thead td			{ text-align: center; font-style: italic; color: #a5a5a5; padding: 10px 0px 10px 0px; }
.detailed_list tbody td			{ padding: 5px 0px 5px 0px; }
.detailed_list .logo			{ width: 110px; text-align: center; }
.detailed_list .contract		{ width: 100px; text-align: center; }
.detailed_list .speed			{ width: 100px; text-align: center; }
.detailed_list .setupfee		{ width: 100px; text-align: center; }
.detailed_list .monthlyPrice	{ width: 100px; text-align: center; }
.detailed_list .minimumPrice	{ text-align: center; font-size: 20px; color: #427b0f; font-weight: bold; }
.detailed_list .button			{ text-align: center; }

.ad_list		{ text-align: center; padding: 10px 0px 10px 0px; background-color: #fcf9ce; }
.ad_list img	{ margin: 0px 8px 0px 8px; }