body { 
background-color: transparent; 
font-family: Arial, Verdana, sans-serif; 
font-size: 18px; 
color: #00008B;
top:0px;
bottom:0px;
left:0px;
right:0px;
height:100%;
width:1040px;
margin: auto; /* auto */
}

a { font: normal 10pt trebuchet MS, sans-serif; color: #483D8B; text-decoration: underline}
a:hover { font: normal 10pt trebuchet MS, sans-serif; color: #A52A2A; background-color: #C0C0C0}

h1 { font-family: Arial, Verdana, sans-serif; font-size: 22px; color: #004080; padding-top : 4px; padding-bottom : 0px; padding-left : 8px; padding-right: 0px; margin-bottom: 0px; margin-top:0px;}
h2 { font-family: Arial, Verdana, sans-serif; font-size: 16px; color: #004080 ; background-color: transparent; padding-top : 5px; padding-bottom : 0px; padding-left : 14px;margin-bottom: 6px;margin-top:6px;}
h3 { font-family: Arial, Verdana, sans-serif; font-size: 24px; color: #A52A2A; }
h4 { font-family: Arial, Verdana, sans-serif; font-size: 18px; color: #A52A2A; }
h5 { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #A52A2A; padding-left : 14px; margin:0px;}
h6 { font-family: Arial, Verdana, sans-serif; padding-left:10px; font-size: 11px; color: #004080; } 

hr{ color:brown; background-color:tan; width:90%; height:2px; } 

table { font-family: Arial, Verdana, sans-serif; font-size: 18px; color: #00008B; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}

A.NavBtn,A.NavBtn_on,A.NavBtn_R {font: 11px/2.1 verdana;font-size: 100%;text-decoration:none;padding:6px 10px;color: #00008B;Border-bottom:1px solid #666;Border-top:1px solid #666;Border-left:1px solid #666;Border-right:1px solid #666;font-weight:bold;}
A.NavBtn_R {Border-left:1px solid #666;Border-right:0px;}
A.NavBtn:hover, A.NavBtn_R:hover {color: #FFF;background-repeat:repeat-x;}
A.NavBtn:active, A.NavBtn_R:active {color: #fff;background:#444 ;background-repeat:repeat-x;}

.tab {font-family: sans-serif; line-height:100%;
   font-weight: bold; 
   text-align: center; border: 0px; border-color:#999999;
   border-style: outset; border-bottom-style: none;
   height: 20px; width: 20px; margin:0px}
   
input, select {
	color : #000000;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}

/* TITLE BOX section  */
.contentTitle { position:relative; display:block; width: 642px; margin-top: 0px; padding-bottom : 6px; z-index:20; margin-bottom:0px;}
.contentSubtitle { position:relative; float: right; font-family:Tahoma,Verdana,Arial; color:#FFF; font-size:12px; margin-top: -22px; margin-right: 4px; z-index:30; margin-bottom:0px;}
h1.contentTitle{ font: bold 14pt Arial, Verdana, sans-serif; color: #FFFFFF; font-weight:bold; background: url(/images/form08.png); margin-bottom:0px;padding-bottom:6px;}
.contentbox { position:relative; overflow:hidden; display:block; width: 650px; margin-top: -5px; padding-top:10px; padding-bottom:0px; margin-bottom : 0px; background:url(/images/panel/bkgnd_contentbox.jpg);z-index:10;}
.contentboxbottom { position:relative; display:block; width: 650px; height:15px; margin-top: 0px; padding-top:0px; padding-bottom:0px; margin-bottom : 0px; background:url(/images/panel/bkgnd_contentbox_bottom.jpg);z-index:10;}
.contentboxtop { position:relative; display:block; width: 650px; height:15px; margin-top: 12px; padding-top:0px; padding-bottom:0px; margin-bottom : 0px; background:url(/images/panel/bkgnd_contentbox_top.jpg);z-index:10;}

.contentTitleApp { position:relative; display:block; width: 830px; margin-top: 8px; padding-bottom : 6px; z-index:20; }
.contentSubtitleApp { position:relative; float: right; font-family:Tahoma,Verdana,Arial; color:#FFF; font-weight:bold; font-size:12px; margin-top: -29px; margin-right: 4px; z-index:30;}
h1.contentTitleApp{ font: bold 14pt Arial, Verdana, sans-serif; color: #FFFFFF; font-weight:bold; background: url(/images/form07.png)}
.contentboxApp { position:relative; overflow:hidden; display:block; width: 830px; margin-top: -30px; padding-top:30px; padding-bottom:15px; margin-bottom : 0px; background:#FAFAFA;z-index:10;}

/* Overview box section  */
.overviewbox { position:relative; float:right; display:block; width: 345px; margin-left : 20px; margin-right : 4px; }
.overviewboxCenter { margin-top: 0px; padding-top:0px; padding-bottom:15px; margin-bottom : 0px; background:url(/images/panel/bck_overviewcenter.png) 0px 0px repeat;z-index:10;}
.overviewboxtop { height:80px; margin-top: 12px; padding-top:0px; padding-bottom:0px; margin-bottom : 0px; background:url(/images/panel/bck_overviewtop.png);z-index:10;}
.overviewboxbottom { height:20px; margin-top: 0px; padding-top:0px; padding-bottom:0px; margin-bottom : 0px; background:url(/images/panel/bck_overviewbottom.png);z-index:10;}

/* tab control */
.tabcontrol_sel {float: right; width:88px; height:34px; padding-top:10px;padding-left:10px;background:url(/images/panel/tab_sel.png) 0px 0px no-repeat;}
.tabcontrol_unsel {float: right; width:88px; height:34px; padding-top:10px;padding-left:10px;background:url(/images/panel/tab_unsel.png) 0px 0px no-repeat;}

/* CONTENT section  */
#content {display:block; width: 600px; margin-left:12px;}
#content dl { width: 600px; list-style-type: none; margin: 0; padding: 2; margin-left: 5px; margin-top: 10px; }
#content dl dt strong {  font-size: 13pt; color: darkorange; margin-bottom: 2px; }
#content dl dt { display: block; padding-left: 50px; height: 45px; }
#content dl dd { display: block; border-bottom: 1px dashed #d4d4d4; margin-bottom: 15px; padding-bottom: 10px;padding-left: 15px; margin-top: -20px;
	font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #004080; letter-spacing:1.2; word-spacing:1.2; line-height:1.6;}
#content dl dd.last { border-bottom: 0; padding-bottom: 0; border-bottom: 0px dashed #d4d4d4;}

/* HEADERS section  */
#headerLeft {float: left; margin-left:12px; overflow: hidden; }
#headerLeft h1 { font: bold 26px trebuchet MS, sans-serif; margin: 0px; }
#headerLeft h1 span {color: #FF5B0A; font-size: 26px;}
#headerLeft span {font-size: 16pt;}

#headerRight {float: right; width: 350px; text-align: center; margin-right:12px; margin-top: 20px;}
#headerRight p {font: bold 17pt trebuchet MS, sans-serif; padding: 0; margin: 0;}
#headerRight p strong {color: #FF5B0A;}
#headerRight a {float: none;}

/* News */
.newsblock{ 
	border-left:1px solid #aaa; border-right:1px solid #aaa; background-color: #F5F0F3; 
	margin-top : 0px; margin-left: 4px; margin-right : 4px; }
.newsblocktitle { font-family: Arial, Verdana, sans-serif; font-size: 16px; font-weight:bold; color: #FFFFFF ; 
	border-top:1px solid #aaa; 
	padding-top : 6px; padding-bottom : 8px; padding-left : 10px; 
	background: #C8FFB8 url('/images/soriaBarBg.gif') top left;}
.newsdate { font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #C00000 ; font-style:italic; 
	padding-left : 5px; padding-right : 5px; 
	background-color: #F5F0F3; }
.newsheader { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #F00000 ; font-weight:bold; 
	padding-left : 5px; padding-right : 5px; 
	background-color: #F5F0F3; padding-top : 6px; padding-bottom : 3px; }
.newsbody { font-family: courier new; font-size: 11px; color: #004080 ; 
	padding-left : 5px; padding-right : 5px; 
	background-color: #F5F0F3; padding-top : 6px; padding-bottom : 6px; }
.newsblockend{ 
	border-bottom:1px solid #aaa; 
	background-color: #F5F0F3; padding-top : 6px; }

/* Adverts  */
.advertbody { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #004080; letter-spacing:0.022cm; word-spacing:0.03cm; line-height:1.75;
	margin-left:5px; margin-right:5px; text-decoration:none;
	padding-left : 8px; padding-right : 8px; 
	display:block; vertical-align:baseline;
	background-color: transparent; padding-top : 5px; margin-bottom : 2px; }
.advertbody a, .advertbody a:visited , .advertbody a:hover   {text-decoration:none;}
	
/*Top menu  */
.menulogo { position:relative; width: 185px; padding-bottom:20px; top:10px; left:10px; }
.menutopsel a {background: url(/images/menu/bkgnd_menutopboxon.jpg) 0px 0px no-repeat; }
.menutopnosel a {background: url(/images/menu/bkgnd_menutopboxoff.jpg) 0px 0px no-repeat; }
.menumiddlesel a { background: url(/images/menu/bkgnd_menumiddleon.jpg);}
.menumiddlenosel a { background: url(/images/menu/bkgnd_menumiddleoff.jpg);}
.menubottomsel a {background: url(/images/menu/bkgnd_menubottomon.jpg) 0px 0px no-repeat; }
.menubottomnosel a {background: url(/images/menu/bkgnd_menubottomoff.jpg) 0px 0px no-repeat; }
.menubase a {display:block; margin-left:10px; margin-right:10px; padding-top:3px;padding-bottom:3px; z-index:10;background-color:#FFFFFF; }
.menutitle a,.menutitle a:hover,.menutitle a:active,.menutitle a:visited  {font-weight:bold; color:#404040; display:block; margin-left:10px; margin-right:10px; padding-top:3px; padding-left:5px; height:25px; font-size: 14px; text-align:left; z-index:10;}
.menuitem a, .menuitem a:visited  { padding-left:15px; font-size: 13px; text-align:left; }
.menuitemsel a, .menuitemsel a:visited , .menuitemsel a:hover {background-color:#FFAE5E;}
.menubanner a { float:left; position:relative; width:80px; text-align: center; padding-top: 2px; margin-top: 3px; margin-bottom: -4px; z-index:1; color : #000000; text-decoration: none; }

/* top toolbar */
.maintoolbarbeg  { padding-left:6px;}
.maintoolbarend  { margin-right:6px;}
.maintoolbar a { float:left; width:128px; text-align: center; padding-top: 8px; margin-top: 3px; padding-bottom : 6px; z-index:10; color : #000000; text-decoration: none; background: url(/images/bkgnd_yellow.png) top left repeat;}
.maintoolbarseparator  {float:left; width:1px; padding-top: 0px; margin-top: 3px; padding-bottom : 30px; z-index:50; background: url(/images/bkgnd_grey.png) top right no-repeat;}
.strapline {float:left; font-family : Tahoma,Verdana,Arial; font-size: 12px; text-align:left; 
	padding-top:3px; padding-bottom:3px; padding-left:5px;  margin-left:0; margin-right:0; margin-top:2; margin-bottom:2; 
	width:645px; height:15px; background-color:#EBF9AE; border:1px solid black;display:block; }

/*Doted panel */
.boxdot_top{ margin-top:0px; margin-left:5px; padding-left:5px; padding-right:5px; margin-right:5px;height:12px; background: url(/images/menu/bkgnd_menudot_top.png) no-repeat;}
.boxdot_bottom{ margin-bottom:5px; margin-left:5px; padding-left:5px; padding-right:5px; margin-right:5px;height:14px; background: url(/images/menu/bkgnd_menudot_bottom.png) no-repeat;}
.boxdot_side{ margin-left:5px; padding-left:5px; padding-right:5px; margin-right:5px; background: url(/images/menu/bkgnd_menudot_side.png);}
.boxdot_title {font-size: 13px; font-weight:bold; padding-top:0px;padding-bottom:3px; color:#808080;}
.boxdot_image {text-align:center; z-index:10;}
.boxdot_text a, .boxdot_text a:visited , .boxdot_text a:hover {font-size: 10px; color:#ff4000;  text-align:center; font-weight:bold; }
.boxdot_text2, .boxdot_text2 a, .boxdot_text2 a:visited , .boxdot_text2 a:hover {font-size: 12px; color:#000080; line-height:1.75;}

/*Right panel */
.rpanel{ position:absolute; width: 235px; padding-bottom:800px; top:0px; left:845px; background: url(/images/panel/bkgnd_panel.jpg);}
.rpanelcontent{ padding-left:10px; padding-right:10px; }
.box{ margin-left:10px; margin-top:10px; width: 210px; height:108px; background: url(/images/panel/bkgnd_boxgreen.png);}
.boxgreen{ background: url(/images/panel/bkgnd_boxgreen.png);}
.boxpink{ background: url(/images/panel/bkgnd_boxpink.png);}
.boxblue{ background: url(/images/panel/bkgnd_boxblue.png);}
.boxbrown{ background: url(/images/panel/bkgnd_boxbrown.png);}

/*Banner */
.bannerlogotop{ border-top:1px solid #aaa; width: 660px; margin-top: 8px; }
.bannerlogoleft{ float:left; z-index:5; padding-bottom: 5px; width: 170px; height:42px; border-left:1px solid #aaa; }
.bannerlogoright{ float:right; top:auto; z-index:1; padding-bottom: 5px; padding-top: 5px; padding-left: 5px; width: 450px; height:37px; border-left:1px solid #aaa; border-right:1px solid #aaa; 
	background-color:#F39D2B; font-family: Arial, Verdana, sans-serif; font-size: 18px; color: #FFFFFF; font-weight:bold; }

/* ICONS section  */
.icon_calendar{ background: url(/content_hsc/images/calendar_grid.png) top left no-repeat; }
.icon_free{ background: url(/content_hsc/images/icon_free_45_45.png) top left no-repeat; }
.icon_clock{ background: url(/content_hsc/images/icon_clock_45_45.png) top left no-repeat; }
.icon_flags{ background: url(/content_hsc/images/icon_flags_45_45.png) top left no-repeat; }
.icon_tools{ background: url(/content_hsc/images/icon_tools_45_45.png) top left no-repeat; }
.icon_spam{ background: url(/content_hsc/images/icon_spam_45_45.png) top left no-repeat; }
.icon_html{ background: url(/content_hsc/images/icon_html_45_45.png) top left no-repeat; }
.icon_client{ background: url(/content_hsc/images/icon_client_45_45.png) top left no-repeat; }
.icon_layout{ background: url(/content_hsc/images/icon_layout_45_45.png) top left no-repeat; }
.icon_email{ background: url(/content_hsc/images/icon_email_45_45.png) top left no-repeat; }
.icon_money{ background: url(/content_hsc/images/icon_dollar_48_48.jpg) top left no-repeat; }
.icon_hosting{ background: url(/content_hsc/images/webhosting.png) top left no-repeat; }

/* BUTTONS section  */
a.button, a.button:visited, a.button:hover { display:block;margin: auto;background: url(/images/buttons/AdvertButLeft.png) top left no-repeat; height: 71px; font-size:16px; color: #fff; text-transform: uppercase; text-decoration: none;  cursor: pointer; position: static; margin-top: 0;}
a.button span { float: left; background: url(/images/buttons/AdvertButRight.png) top right no-repeat; height: 71px;}
a.button strong { float: left; background: url(/images/buttons/AdvertButCenter.png) top left repeat-x; height: 71px; margin-left: 26px; margin-right: 100px; padding: 0 4px; line-height: 70px; text-align: center;}
a.button {margin: 0 auto;}
a.buttontrial span { float: left; background: url(/images/buttons/AdvertButRightFreeTrial.png) top right no-repeat; height: 71px;}
.joinnow a.button  { width: 230px;}

/* WIDGET specifics */
.calendar div#headerLeft {width: 520px; background: url(/content_hsc/images/calendar.png) 0px 0px no-repeat;  height: 250px;}

/* TESTIMONIAL section  */

#testimonial { margin: 20px 15px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; margin-bottom: 15px; background: url(http://assets.bravenet.com/common/images/webtools/journal/start-quote.gif) left center no-repeat; }
#testimonial cite { display: block; padding: 10px 70px; background: url(http://assets.bravenet.com/common/images/webtools/journal/end-quote.gif) right center no-repeat; }

/* clearfix - way of clearing without using extra markup/tags */
.floatLeft { float: left; }
.floatRight { float: right; }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.container-box {
	border:1px solid #d9d9d9;
	background:#ffffff;
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
}	
.container-600W {	width:635px; }
#container-2 {position:absolute; top:0px; left:auto;}
#container-3 {position:absolute; top:0px; left:520px;}
#container-4 {position:absolute; top:0px; left:520px;}

.container-bullet{	font: 9pt Verdana, Helvetica, sans-serif; color: #0000C0; text-align:left;margin-bottom: 5px; }
h1.container-title{ font: bold 14pt Arial, Verdana, sans-serif; color: #000000; padding-top : 0px; padding-bottom : 0px; padding-left : 8px; padding-right: 0px; margin-top: 2px; }
	
/*-------------grid code--------------*/
TABLE.Grid {background-color:#FFF;border-top:1px solid #999;border-bottom:1px solid #ccc;border-left:1px solid #bbb;}
TABLE.Grid TH {background: url( '../img/bg-exlt-bluegrad.gif' ) 0px 0px repeat-x;border-bottom:solid 1px #376EBE; background-color:#ccc;font-size:11px;border-right:solid 1px #aaa;padding-left:3px;color:#000}
TABLE.Grid TH.noSplit {}

/*--on state--*/
TABLE.Grid TD.on,TABLE.Grid TD.on_lt_hdr,TABLE.Grid TD.on_rt_hdr,TABLE.Grid TD.on_lt,TABLE.Grid TD.on_rt {background-color:#f5f5f5;}
TABLE.Grid TD {padding:3px;text-align:left;vertical-align:top;padding-top:8px;}
TABLE.Grid TD.noSplit {padding:3px;text-align:center;border-top:1px solid #CCC;border-right:0px}
TABLE.GridBtm {border:1px solid #AAA; border-top:0px; padding-left:5px; padding-right:5px; background-color:#ccc;color:#000;font-size:11px;font-weight:bold}

TABLE.Grid1 TD {border-top:1px solid #ccc;border-right:1px solid #ccc;}
TABLE.Grid2 TD {border-top:1px solid #ffffff;border-right:1px solid #ffffff;}

.advertPoweredBy{ 
	position: relative;
	width: 220px; 
	height:20px; 
	padding-right:10px; 
	padding-top:2px; 
	background-color:#FAFAFA; 
	border:1px solid #aaa; 
	font-family: Tahoma,Verdana,Arial; 
	font-size: 12px; 
	font-weight: bold; 
	text-align: right; 
	color:#0000FF; 
	}