/*---------------------------------------------
Vaioni | www.vaioni.com

Version:	1.0 - 06/11/2009
Created by: 	Lee Swift | www.leeswift.com
-----------------------------------------------*/

html,body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, sans-serif;
}



.clear {
	clear: both; }

table.update_table {
#	border: 1px solid black;
}

table.update_table td {
	border-bottom: 1px dotted black;
}

/*SERVICE STATUS WIDGET*/
#widget_top {
        margin: 0px 0px 0px 0px;
        background-image: url('images/service-status-top.png');
        background-colour: #005288;
	width: 660px;
	height:50px;
        background-repeat: no-repeat;
}

#widget { 
	width: 660px;
	background-image: url('images/service-status-background.png');
	#background-colour: #005288;
	background-repeat: repeat;
}


#widget_end {
	width: 660px;
	height:50px;
        background-image: url('images/service-status-bottom.png');
        background-colour: #005288;
        background-repeat: no-repeat;
}

#servicecontent { 
	margin: 0px 0px 0px 2px;
	padding: 10px 0px 10px 0px;
	width: 646px;
	background: #d1dce5;
	text-align: left;
}

/*NAVIGATION*/


#ssnavigation ul { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

#ssnavigation li { 
	margin: 0px 0px 0px 2px;
	padding: 8px 4px 0px 6px; 
	width: 60px;
	height: 49px;
	font-family: Arial, san-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.2em; 
	text-align: center;
	display: block;
	float: left;
	background-image: url('images/taboff.gif');
	background-repeat: no-repeat;
	color:#ffffff;

}

#ssnavigation li a:link, #ssnavigation li a:active, #ssnavigation li a:visited  {
	display: block;
	text-decoration: none; 
	height: 49px;
	float: left;
	color: #ffffff; 
}

#ssnavigation li a:hover  {
	display: block;
	color: #ffcc00; 
	text-decoration: none; 
}

#ssnavigation ul li.last
{
	background-image: url('images/tabon.gif');
	background-repeat: no-repeat;
	font-size: 12px;
	color: #003366; 
}
#ssnavigation li.last a:link, li.last a:active, li.last a:visited  {
	color: #003366; 
}


#status ul { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

#status li { 
	margin: 0px 0px 0px 2px;
	padding: 8px 0px 8px 0px; 
	width: 70px;
	font-family: Arial, san-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.2em; 
	float: left;
	background-color: #f1f1f1;
	border-bottom: #005288 solid 2px;
	text-align: center;
}

#status li a:link, li a:active, li a:visited  {
	padding: 0px 0px 0px 0px; 
	text-decoration: none; 
}

#status li a:hover  {
	display: block;
	color: #ffcc00; 
	text-decoration: none; 
}

#status ul li.last
{
	padding-right: 0;
	font-size: 12px;
	color: #003366; 
	background: #d1dce5;
	border-bottom: #d1dce5 solid 2px;
}







/*GLOBAL TYPOGRAPHY*/





h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	font-family: Arial, san-serif;
	font-weight: bold;
	font-size: 14px;
	color: #003366;
	line-height: 1.3em;
}
h1 a:link, 
h1 a:active, 
h1 a:visited  {
	color: #003366; 
	text-decoration: none; 
}
h1 a:hover  {
	color: #cc0000;
	text-decoration: none; 
}

h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;  
	font-family: Arial, san-serif;
	font-size: 12px;
	color: #666;
	margin: 0px 0px 0px 0px; 
}
h2 a:link, 
h2 a:active, 
h2 a:visited  {
	color: #666; 
	text-decoration: none; 
}

h2 a:hover  {
	color: #cc0000;
	text-decoration: none; 
}