/* Start of CMSMS style sheet 'layout' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/

* {
margin:0;
padding:0;
}


body
{
	background-color: #c6d1d6;
	color: #5f5f5f;
	font: normal 13px Arial, Helvetica, sans-serif;
	text-align: left;
  padding-bottom:15px;
 }

#container {
	background: #fff;
	border-bottom: 1px solid #acb6ba;
	border-right: 1px solid #acb6ba;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 983px;
	}
	
/** fix ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/
	
/*
	
/* =Header
---------------------------------------------------------------------------------------------------- */	
#header {
	background: url(uploads/images/cms/bg-header.jpg) no-repeat top left;
	text-align: left;
	width: 983px;
	height: 72px;
	}
	
#header-logo {
	float: left;
	text-align: left;
	padding-left:52px;
	}

#header-logo img {
  border:0;
}

	
#header-links {
	float: right;
	text-align: left;
	padding-right:15px;
	padding-top:25px;
             color: #2475d4;
	font-size: 12px;
	font-weight: normal;
	}

#header-links ul {
   margin: 0;
   padding: 0px 5px 5px 5px;
}

/* menu list items */
div#header-links li {
   float: left; /* makes the list horizontal */
   list-style: none; /* hides the list bullet */ 
   padding: 0px 5px 0px 5px;
   margin: 0 ;
	font-size: 14px;
	font-weight: bold;

}


/* the links, that is each list item */
div#header-links li a { /* padding inside the list item box */
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #2475d4;
}


/* hover state for links */
div#header-links li a:hover {
   color: #2475d4;
	 text-decoration:underline;
}

/* =Navigation - 
---------------------------------------------------------------------------------------------------- */	

#top-navigation {
	background: url(uploads/images/cms/bg-top-navigation.jpg) no-repeat top left;
	text-align: left;
	width: 983px;
	height: 25px;
}

/* =Banner
---------------------------------------------------------------------------------------------------- */	

#banner {
	background: url(uploads/images/cms/bg-banner.gif) repeat-y top left;
	width: 983px;
}

#banner .padding {
	padding: 2px 26px 3px 24px;

}

#banner-flash{
	background: url(uploads/images/cms/bg-banner.gif) repeat-y top left;
	width: 983px;
}

#banner-flash .padding {
	padding: 2px 26px 3px 24px;

}


	
/* =Content
---------------------------------------------------------------------------------------------------- */		

#content {
	background: #fff url(uploads/images/cms/bg-content.jpg) repeat-y top left;
	width: 983px;
	}
	
#content-left {
	float:left;
	width: 196px;
	}

#content-left .left-column-channel-partner {
	margin: 10px 10px 10px 35px;
        background-color: #010080;
        color:#fff;
       font-size:11px;
}

#content-left  .left-column-channel-partner .padding {
	padding: 10px;
        margin:0;
}


.left-column-channel-partner a,
.left-column-channel-partner a:link,
.left-column-channel-partner a:visited {
text-decoration: none;
        color:#fff;
}

.left-column-channel-partner a:hover {
text-decoration: underline;
        color:#fff;
}


#content-middle {
	float:left;
	width: 590px;
	font: normal 14px Arial, Helvetica, sans-serif;
	}

#content-middle .padding {
	padding: 10px 50px 10px 30px;
	}

#content-middle p {
	padding-top: 0;
	padding-bottom: 10px;
        line-height: 20px;
}
	
	
#content-right {
	float:left;
	width: 197px;
	font-size: 11px;
	}
	
#content-right .padding  {
	margin: 5px 35px 5px 10px;
	}	

#content-right p {
	padding-top: 0;
	padding-bottom: 0px;
}
	
.clear-content {
clear: both;
	background: url(uploads/images/cms/bg-clear-content.gif) repeat-y top left;
	height:17px;
	min-height: 17px;
}




/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	font-size: 10px;
	text-align: right;
	width: 983px;
	}
#footer .padding {
	padding: 10px 10px 10px 5px;
	}



/* =Page Header
---------------------------------------------------------------------------------------------------- */

#pageheader {
 background: #0395E7 url(uploads/images/cms/bg-pagetitle.jpg) repeat-y top left;
 height: 112px;
 min-height:112px;
}

 .pagetitle {
 	background: #0395E7 url(uploads/images/cms/bg-pagetitle.jpg) repeat-y top left;
	float:left;
	width: 216px;
}

.pagetitle h1 { 
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 60px 5px 5px 10px;
}

 .pageimage {
float:left;
text-align:right;
width: 294px;
}


/* =Page Header for pages with a static image
---------------------------------------------------------------------------------------------------- */

#pageheader-static-image {
 background: #0395E7 url(uploads/images/cms/bg-pagetitle.jpg) repeat-y top left;
 height: 38px;
 min-height:38px;
}

 #pageheader-static-image .pagetitle {
 	background: #0395E7 url(uploads/images/cms/bg-pagetitle.jpg) repeat-y top left;
	float:left;
	width: 255px;
}

#pageheader-static-image .pagetitle h1 { 
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 5px 5px 10px;
}

#pageheader-static-image .pageimage {
float:left;
text-align:right;
width: 255px;
}



/* =Text Styles
---------------------------------------------------------------------------------------------------- */
	
h1, h2, h3,h4 {
	padding-top: 0px;
	padding-bottom:5px;
}



h1 { 
	color: #993300;
	font-size: 18px;
	font-weight: bold;
}
	
h2 { 
	color: #993300;
	font-size: 16px;
	font-weight: bold;
}


	
h3 { 
	color: #993300;
	font-size: 15px;
	font-weight: bold;
}

#content-right h3 { 
	display: block;
	color: #5f5f5f;
	font-size: 13px;
	font-weight: normal;
	background: #cfcfcf url(uploads/images/cms/bg-h3-content-right.jpg) repeat-x top left;
	text-align:center;
	margin-right:25px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #707070;
	border-top: 1px solid #707070;
}


h4 {
	color: #d2232a; 
	font-size: 14px;
	font-weight: bold;
}


p {
	padding-top: 0;
	padding-bottom: 10px;
}
	

ul {
	list-style-type: disc;
	font-weight: normal;
	font-style: normal;
	margin-left: 15px;
	padding: 5px 0 10px 15px;
} 

ol {
	font-weight: normal;
	font-style: normal;
	margin-left: 20px;
	padding: 5px 0 10px 15px;
} 


a,
a:link,
a:visited{
	color: #2475d4;
	text-decoration: none;
}
	
a:hover {
	color: #2475d4;
	text-decoration: underline;
}	


/* =Text/Image Treatments and Alignments
---------------------------------------------------------------------------------------------------- */
	
strong, b  { font-weight: bold; }
em, i { font-style: italic; }
.bold{ font-weight: bold;}
.italic{ font-style: italic; }
.lowercase {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}
.textalign-left {text-align:left;	}
.textalign-right {text-align:right;	}
.textalign-center {	text-align:center;	}
.float-left {float:left;	}
.float-right {float:right;	}

.text-blue {
	color: #102f80;
}

.text-small,
.caption {
	font-size: 11px;
}

.missingtext {
	color:#FF0000;
	font-weight: bold;
}

.image-border {
	border: 1px solid #666;
}

.grey-line {
	height:1px;
	min-height:1px;
	background-color: #666;
}

.text-red {
       color:#FF0000;
}

hr {
	color: #666;
	background-color: #666;
	border: 0;
	height: 1px;
	margin: 5px 0 5px 0;
} 


/* =Spacing and Clearing Styles
---------------------------------------------------------------------------------------------------- */		
	
.singleLineBreak {
	margin-top:	1px;
	}
	
.marginZero {
	margin:0;
	}
			
.spacer,
.clear {
	clear: both;
	margin:0; 
	padding:0;
}

.padding {
	padding: 5px;
	}
	
.doubleLineBreak {
line-height: 22px;
}



/* =Tables
---------------------------------------------------------------------------------------------------- */	

.tbl_partner-logos  {
margin-bottom:10px;
border: none;
}


.tbl_partner-logos  td {
	text-align: left; 
	vertical-align: top;
	padding: 5px 10px 5px 0px;
	background-color: none;
}

	
.tbl_service_plan_menu {
width: 90%;
border: 1px solid #000000; 
margin-bottom:10px;
}

.tbl_service_plan_menu th {
	text-align: center; 
	font-size: 14px; 
	font-weight: bold;
	padding:5px;
}

.tbl_service_plan_menu td {
	background-color:#c60525;
	text-align: center; 
	font-size: 14px; 
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	padding:5px;
}

.tbl_service_plan {
width: 90%;
border: 1px solid #000000; 
background-color: #ffffff;
color: #000;
margin-bottom:10px;
}

.tbl_service_plan th {
	text-align: center; 
	font-size: 13px; 
	font-weight: bold;
	padding:5px;
}

.tbl_service_plan td {
	text-align: left; 
	font-size: 11px; 
	font-weight: normal;
	padding:5px;
}

.tbl_service_plan td.service_plan_header {
	text-align: left; 
	font-size: 12px; 
	font-weight: bold;
	padding:5px;
}


.tbl_online_support {
width: 90%;
margin-bottom:10px;
}

.tbl_online_support th {
	text-align: left; 
	font-size: 12px; 
	font-weight: bold;
	padding:5px;
	background-color: #545454;
	border-bottom: 2px solid #fff;
        color: #fff;
}

.tbl_online_support td {
	text-align: left; 
	font-size: 12px; 
	font-weight: normal;
	padding:5px;
	background-color: #00a8eb;
	border-bottom: 2px solid #fff;
        color: #fff;
}

/* = News
---------------------------------------------------------------------------------------------------- */
.NewsSummary {
padding-bottom:10px;
}

.NewsSummaryPostdate,
.NewsSummarySummary {
font-style: italic;
}


/* =Home page Text Styles
---------------------------------------------------------------------------------------------------- */

.home-banner-intro-text {
	font-size: 36px;
	font-weight: bold;
}

#home-content-titles h1 {	
	color: #d2232a;
	font-size: 18px;
	font-weight: normal;
	padding:0;
}
	
#home-content h2 { 
	color: #5f5f5f;
	font-size: 14px;
	font-weight: bold;
}

#home-content h3 { 
	color: #5f5f5f;
	font-size: 13px;
	font-weight: bold;
}


#home-content h2 a, #home-content h2 a:link, #home-content h2 a:visited, 
#home-content h3 a, #home-content h3 a:link, #home-content h3 a:visited
{
	color: #5f5f5f;
	text-decoration: none;
}
	
#home-content h2 a:hover,
 #home-content h3 a:hover{
	color: #5f5f5f;
	text-decoration: underline;
}	


/* End of 'layout' */

/* Start of CMSMS style sheet 'navigation' */
/********************
NAVIGATION
*********************/

/* hack for Internet Explorer */
* html div#menu_horiz {
   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}

/* 
background-color for the entire menu row on the HOME PAGE, 
covering 100% of the width and text center-aligned 
*/

#home-top-navigation div#menu_horiz {
	 padding-left:39px;
	 padding-right:42px;
}

/* 
background-color for the entire menu row, 
covering 100% of the width and text center-aligned 
*/
div#menu_horiz {
	 padding-left:39px;
	 padding-right:42px;
}

/* 
the menu ul box has top and left border, 
right border is provided by the li elements 
*/
div#menu_horiz ul {
	float:left;
		margin:0;
		padding:0;
	list-style:none;
}


/* menu list items */
div#menu_horiz li {
 float: left;
	margin:0;
	padding:0;
	border-right:1px solid #60f3e9;
}


/* the links, that is each list item */
div#menu_horiz a { /* padding inside the list item box */
	display:block;
	float:left;
	width:auto;
	margin:0;
	padding:3px 15px 5px 15px;
	border-right:1px solid #5f6467;
	color:#fff;
	font-size: 15px;
	font-weight: normal;
	text-decoration:none;
}


/* hover state for links */
div#menu_horiz li a:hover,
div#menu_horiz a.activeparent,
div#menu_horiz li.activeparent a {
	display:block;
	float:left;
	width:auto;
	margin:0;
	padding:3px 15px 5px 15px;
	border-right:1px solid #5f6467;
	color:#fff;
	 background: #96181E url(uploads/images/cms/bg-top-navigation-over.jpg) repeat-x top left;
	font-size: 15px;
	font-weight: normal;
	text-decoration:none;
	}


/* =Left Navigation
---------------------------------------------------------------------------------------------------- */

div#menu_vert ul{ 
		list-style-type: none;
		margin:0;
		padding:0;
		padding-left:23px;
}

div#menu_vert ul li{
	border-top: 1px solid #707070;
	padding:0;
}

div#menu_vert ul li:first-child{
	border-top: none;
	padding:0;
}

div#menu_vert ul li a,
div#menu_vert ul li a:link,
div#menu_vert ul li a:visited {
	background-color: none;
	color: 	#707070;
	display: block;
	font-size: 14px;
	font-weight: normal;
	padding: 7px 5px 7px 10px;
	text-decoration:	none;
}
	
div#menu_vert ul li h3,
div#menu_vert ul li a:hover,
div#menu_vert ul li a.activeparent,
div#menu_vert ul li a.activeparent:link,
div#menu_vert ul li a.activeparent:visited {
	background: #96181d url(uploads/images/cms/bg-top-navigation-over.jpg) repeat-x top left;
	color: 	#fff;
	display: block;
	font-size: 14px;
	font-weight: normal;
	padding: 7px 5px 7px 10px;
	text-decoration:	none;
}


/* =Left Navigation - 2nd Level
---------------------------------------------------------------------------------------------------- */

div#menu_vert ul li ul{ 
		list-style-type: none;
		margin:0;
		padding:0;	
}

div#menu_vert ul li ul li{
	border-top: 1px solid #707070;
	padding:0;
}

div#menu_vert ul li ul li a,
div#menu_vert ul li ul li a:link,
div#menu_vert ul li ul li a:visited {
	background: none;
	color: 	#707070;
	display: block;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 5px 5px 20px;
	text-decoration:	none;
}
	

div#menu_vert ul li ul li h3,
div#menu_vert ul li ul li a:hover,
div#menu_vert ul li ul li a.activeparent,
div#menu_vert ul li ul li a.activeparent:link,
div#menu_vert ul li ul li a.activeparent:visited {
	background: #0094E8;
	color: 	#fff;
	display: block;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 5px 5px 20px;
	text-decoration:	none;
}


/* =Left Navigation - 3rd Level
---------------------------------------------------------------------------------------------------- */

div#menu_vert ul li ul li ul{ 
		list-style-type: none;
		margin:0;
		padding:0;	
}

div#menu_vert ul li ul li ul li{
	border-top: 1px solid #707070;
	padding:0;
}

div#menu_vert ul li ul li ul li a,
div#menu_vert ul li ul li ul li a:link,
div#menu_vert ul li ul li ul li a:visited {
	background: none;
	color: 	#707070;
	display: block;
	font-size: 11px;
	font-weight: normal;
	padding: 5px 5px 5px 35px;
	text-decoration:	none;
}
	

div#menu_vert ul li ul li ul li h3,
div#menu_vert ul li ul li ul li a:hover,
div#menu_vert ul li ul li ul li a.activeparent,
div#menu_vert ul li ul li ul li a.activeparent:link,
div#menu_vert ul li ul li ul li a.activeparent:visited {
	background: #0094E8;
	color: 	#fff;
	display: block;
	font-size: 11px;
	font-weight: normal;
	padding: 5px 5px 5px 35px;
	text-decoration:	none;
}
/* End of 'navigation' */

