@charset "UTF-8";
@import url("reset.css");
@import url("typography.css");
@import url("menu.css");
@import url("dashboard.css");
@import url("buttons.css");
@import url("tables.css");
@import url("forms.css");
@import url("chart.css");

/*----Common Elements -----*/
body {
	color:#000;
	background:#fff url(../images/page_background.jpg) top repeat-x;
	margin:0;
	padding:0;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;}
a {
	text-decoration:none;
}
code {
font-size:9px;
font-family: Arial, Helvetica, sans-serif;

}
.left {
	float:left;
}
.right {
	float:right;
}
.cyan {
	background:#0092D2;
}
.center {text-align:center;}
.half-left {margin-left:25%;}
.half-right {margin-right:25%;}
.hidden {visibility:hidden;}
.visible {visibility:visible;}
.fixed {width:100px;}
.spacer {width:100%;height:25px;clear:both;}
.clear { clear:both;}

/*----Structural Elements -----*/
#topmenu {
	width:100%;
	height:25px;
	text-align:center;
	padding-top:25px;
	color:#FFF;
	padding-bottom:50px;
	background:#000;
	overflow:hidden;
}
#topmenu .content {
	width:940px;
	margin:0 auto;
	text-align:right;
}

#menu {
	width:100%;
	text-align:center;
	height:50px;
	background:#0092D2;
	margin-bottom:20px;
}
#menu .content {
	margin:0 auto;
	width:940px;
	height:38px;
	padding-top:8px;
}
#container {
	width:100%;
	text-align:center;
	clear:both;
	height:auto;

	}
#container .header {
	width:960px;
	padding:10px;
	height:40px;
	margin:0 auto;
	text-align:left;
	
}
#container .content {
	margin:0 auto;
	width:940px;
	padding:10px;
	text-align:left;
	}

#footer {
	position:absolute;
	bottom:0px;
	width:100%;
	height:100px;
	clear:both;
	text-align:center;
}
#footer .content {
	width:960px;
	margin:0 auto;
	text-align:left;
	padding:10px;
	border:1px solid red;
}

#header-graph {
	width:940px;
	height:300px;
}
.content-half {
	width:45%;
	margin:1%;
	padding:1%;
	-webkit-border-radius: 15px; /*For Chrome/Safari*/
	-moz-border-radius: 15px;  /*For Firefox*/
	border-radius: 15px;  /*For IE9/Final CSS3 Spec*/
	background:#F8F8F8;
	border:1px solid #E6E6E6;
	min-height:200px;
}
.content-onethird {
	width:300px;
	padding:10px;
	-webkit-border-radius: 15px; /*For Chrome/Safari*/
	-moz-border-radius: 15px;  /*For Firefox*/
	border-radius: 15px;  /*For IE9/Final CSS3 Spec*/
	background:#F8F8F8;
	border:1px solid #E6E6E6;
}
.content-twothird {
	width:580px;
	padding:10px;
	margin-right:0px;
	margin-left:10px;
	-webkit-border-radius: 15px; /*For Chrome/Safari*/
	-moz-border-radius: 15px;  /*For Firefox*/
	border-radius: 15px;  /*For IE9/Final CSS3 Spec*/
	background:#F8F8F8;
	border:1px solid #E6E6E6;
}
.content-full {
	width:940px;
	padding:10px;
	-webkit-border-radius: 15px; /*For Chrome/Safari*/
	-moz-border-radius: 15px;  /*For Firefox*/
	border-radius: 15px;  /*For IE9/Final CSS3 Spec*/
	background:#F8F8F8;
	border:1px solid #E6E6E6;
}

/*---- SUMMARY -----*/
#summary {
	width:300px;
	height:50px;
	position:relative;
	margin-bottom:10px;
}
#summary .number, #summary-small .number,#summary-med .number {
	position:absolute;
	top:0px;
	left:0px;
	background-color:#0092D2;
	-webkit-border-radius: 10px; /*For Chrome/Safari*/
	-moz-border-radius: 10px;  /*For Firefox*/
	border-radius: 10px;  /*For IE9/Final CSS3 Spec*/
	-webkit-box-shadow: 1px 1px 3px #888;
	-moz-box-shadow: 1px 1px 3px #888;
	box-shadow:1px 1px 3px #888;
	border-top:#60BDE0 2px solid;
	border-bottom:#006D9A 2px solid;
	color:#fff;
	font-size:16pt;
	font-weight:bold;
	padding:5px 10px;
	width:64px;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
	letter-spacing:-1pt;
	}

#summary .title, #summary-small .title, #summary-med .title {
	position:absolute;
	left:95px;
	top:0px;
	height:25px;
	font-size:16pt;
	font-weight:bold;
	color:#333;
}


#summary .subtitle, #summary-small .subtitle, #summary-med .subtitle {
	position:absolute;
	left:95px;
	top:25px;
	font-size:12pt;
	color:#666;
}


.summary-title {
	width:100%;
	clear:both;
	border-bottom:1px solid #DDDEDD;
	font-size:12pt;
	color:#666;
	margin-bottom:10px;
}

#summary-small,#summary-med {
	width:49%;
	height:50px;
	position:relative;
	margin-bottom:14px;
}

#summary-small .number {
	border:none;
	background-color:#c2cf00;
	width:45px;
	padding:5px;
}

#summary-med .number {
	border:none;
	background-color:#c2cf00;
	width:84px;
	padding:5px;
}
 #summary-small .title ,#summary-small .subtitle {
	left:65px; 
 }
 #summary-med .title, #summary-med .subtitle {
	left:105px; 
 }
 .black {background-color:#000 !important;}
/*---- TABLE ELEMENTS ----*/
table {
	font-size:12pt;
	width:100%;
}
tr.header {
	background:#000;
	color:#FFF;
}
tr.body {
}
tr.body:hover {
	background:#E6E6E6;
}
tr.bottom {
	background:#E6E6E6;
}
/*---- FORM ELEMENTS ----*/

/*---- Login -----*/
#login {
	width:600px;
	box-shadow: 3px 5px 10px #CCC;  /*For IE9/Final CSS3 spec*/
	-moz-box-shadow: 5px 5px 10px #ccc;  /*For Firefox*/
	-webkit-box-shadow: 5px 5px 10px #ccc;  /*For Chrome/Safari*/
	-webkit-border-radius: 15px; /*For Chrome/Safari*/
	-moz-border-radius: 15px;  /*For Firefox*/
	border-radius: 15px;  /*For IE9/Final CSS3 Spec*/
	background:#FFF;
	border:1px solid #E6E6E6;
	margin:0 auto;
	text-align:left;
	height:250px;
	padding:25px;
}
#login .loginheader {
	float:left;
}
#login .logininfo {
	float:left;
	padding-top:20px;
	}
#login p {
	font-size:12pt;	
	padding:0;
	margin:0;
}
#login input {
	border:1px solid #CCCCCC;
	padding:5px;
	width:250px;
	height:20px;
	margin-bottom:10px;
	font-size:1.33em;
}
#login label {
	font-size:16pt;
	text-transform:uppercase;
	font-weight:bold;
}
#login input.button {
	border:0px;
	background-color:#0093d3;
	padding:5px;
	margin-bottom:10px;
	font-size:1.33em;
	float:left;
	color:#FFFFFF;
	height:30px;
	width:75px;
}
#errorCode {
	border:#0093d3 1px solid;
	background-color:#DAF1F7;
	padding:10px;
	font-size:1.25em;
	text-align:center;
	margin-bottom:10px;
	vertical-align:middle;
	margin:0 auto;
	width:600px;
	margin-top:200px;
	margin-bottom:25px;
}

/*---- Modal Boxes -----*/

div.modal {
	width:550px;
	text-align:left;
	padding:20px;
	padding-top:0px;
}

div.modal h2 { padding:0; margin:0;}

div.modal-small {
	width:225px;	
	text-align:left;
	padding:20px;
}
#tabs-1, #tabs-2 {overflow:auto;height:375px; background:#F3F3F3;}

/* SUMMARY BOXES */

.summary{ width:90%;display:block;
text-indent:none; }
.li-title {font-size:1.25em;font-weight:bold;}
.li-title a{font-size:0.8em;font-weight:normal;}
.li-item {display:block;float:left;}
.li-item span {display:block;}
.li-item span.span-title{font-size:1.25em;}
.li-item span.span-item{font-size:1.66em;font-weight:bold;}

/* PROMO */
ul#promoCons {
	text-indent:0px;
margin:0;
padding:0;
font-size:1.5em;
}
ul#promoCons li {
text-indent:0px;
margin:0;
padding:0;
}

/* BROWSER */
#browser {
width:620px;
text-align:left;
padding:10px;
}
#browser .item {
width:150px;
height:175px;
float:left;
margin-top:20px;
margin-bottom:20px;
}
#browser .link {
text-align:center;
font-size:18px;
}
#browser .footer {
	clear:both;
	text-align:right;
	display:block;
	}

/* DASHBOARD */

#dashboard-activity {
	width:550px;
	padding:1%;
	margin:1%;
	margin-right:10px;
}
#dashboard-activity ul {
}
#dashboard-activity li.header {
width:100%;
height:10px;
line-height:10px;
background:#E6E6E6;
border-bottom:1px solid #D9D9D9;
}
#dashboard-activity li{
padding:3px;
}

#notices {
border-bottom:1px solid #D9D9D9;	
}

#notices h3 {float:left;}
#notices span.date {float:right;}
#notices p {clear:both;}

/* ACCOUNT */

.info {display:block; width:125px;float:left;}
#overdue {
border:2px solid #900;
padding:5px;
margin-bottom:15px;
background:#FCDECD;

}
#overdue h3 {
	text-transform:uppercase;
	font-weight:bold;
	padding:0;
	margin:0;
	color: #900;
	padding-bottom:10px;
}
#overdue p {padding:0;margin:0;}

/* ADD ONS */

div#addon {
	width:175px;
	margin:1%;
	padding:1%;
	-webkit-border-radius: 15px; /*For Chrome/Safari*/
	-moz-border-radius: 15px;  /*For Firefox*/
	border-radius: 15px;  /*For IE9/Final CSS3 Spec*/
	background:#Fff;
	border:1px solid #E6E6E6;
	min-height:200px;
}

/* PACKAGES */

#pkg_act_date,#pkg_expire_type,#pkg_expire_date,#pkg_expire_length { display:none;}

/* Facebook */

div#fb_box div#total {
	background-color:#0092D2;
	-webkit-border-radius: 10px; /*For Chrome/Safari*/
	-moz-border-radius: 10px;  /*For Firefox*/
	border-radius: 10px;  /*For IE9/Final CSS3 Spec*/
	-webkit-box-shadow: 1px 1px 3px #888;
	-moz-box-shadow: 1px 1px 3px #888;
	box-shadow:1px 1px 3px #888;
	border-top:#60BDE0 2px solid;
	border-bottom:#006D9A 2px solid;
	color:#fff;
	font-size:16pt;
	font-weight:bold;
	padding:5px 10px;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
	letter-spacing:-1pt;
	float:left;
	}
div#fb_box div#total span { font-weight:normal; font-size:12pt; letter-spacing:0pt;}	
#amount { float:left; margin-left:10px; margin-top:5px;}