body {
    font-family: "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
    font-size: 10pt;
    margin: 0;
	background-color: #FFF;
	color: #333333;
	background-image: url(/images/web/background_blue.jpg);
	background-repeat:repeat-x;
}

a
{
    color: #2c537a;
    text-decoration: underline;
}
a:hover
{
    color:#ee7243;
    text-decoration: underline;
}

/* INPUT styles */
input[type="submit"],input[type="button"]
{
    height: 19px;
    padding-left: 5px;
    padding-right: 5px;
    border: 0px solid;
    font: 12px Arial;
    color: #FFFFFF;
    background-image: url(/images/web/blue/button.jpg);
    background-repeat: repeat-x;
    cursor: pointer;
    _cursor: pointer; /* Firefox lame bug */ 
    margin:0;
    width:auto;overflow:visible; 
}
input[type="text"],input[type="password"]
{
    background-color: White;
    border: solid 1px #4ca2d5;
    color: #333333;
}
input[type="text"].textbox_watermark, .textbox_watermark
{
    color: #b5bfc1;
}
textarea
{
    background-color: White;
    border: solid 1px #4ca2d5;
    color: #333333;
}

/* UL menu */
ul.menu
{
    list-style-image: url(/images/web/blue/menu_dot.jpg);
}
ul.menu li
{
    padding-bottom: 2px;
    font-size: 9pt;
}

ul.menumain
{
    margin-left: 30px; 
    padding-left: 0; /* IE / Firefox bug with left margin */    
    list-style-image: url(/images/web/blue/menu_dot.jpg);
    padding-top: 5px;
    margin-top: 1px !important;    
}
ul.menumain li
{
    font-size: 12px;
    padding-bottom: 2px;
}
ul.menumain-orange
{
    margin-left: 30px; 
    padding-left: 0; /* IE / Firefox bug with left margin */    
    list-style-image: url(/images/web/blue/menu_dot_orange.jpg);
    padding-top: 5px;
    margin-top: 1px !important;
    margin-bottom: 5px;
}
ul.menumain-orange li
{
    font-size: 12px;
    padding-bottom: 2px;
}


/* Page top sitemappath */
.SiteMapPath-Header
{
    font-size:19px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#7B7B7B;
    width:99%;
    border-bottom: dotted 1px #adaead;
}
.SiteMapPath
{
    color: #9c9a9c;
    font-size: 8pt;
    margin-top: 5px;
    margin-bottom: 15px;
}
.SiteMapPath a
{
    color: #9c9a9c;
    text-decoration: underline;
}
.SiteMapPath a:hover
{
    color: #9c9a9c;
    text-decoration: none;
}

/* Page footer box */
.footerbox
{
    background-color: #449ED3;
    border: solid 3px #216892;
    color: #FFFFFF;
    font-size: 8pt;
    width: 930px;
    height: 25px;
}
.footerbox td
{
    padding-left: 10px;
}
.footerbox a
{
    color: #FFFFFF;
    text-decoration: underline;
}
.footerbox a:hover
{
    color: #FFFFFF;
    text-decoration:none;
}
.footerbox td .vd
{
    padding-left: 11px;
    padding-right: 11px;
}

/* Main content box*/
.main-content-box
{
    float: left;
    padding-bottom: 3px;
}
.main-content-box2
{
    float: left;
    padding-bottom: 3px;
    margin-left:6px;
}
.main-content-box-header
{
    width: 177px;
    height: 25px;
    margin-bottom:2px;
}
.main-content-box-body
{
    width: 175px;
    border: solid 1px #A0D5F7;
    text-align: center;
}


/* Right content box*/
.right-content-box
{
    margin-bottom: 5px;    
}
.right-content-box-header
{
    width: 200px;
    height: 25px;
    margin-bottom:2px;
}
.right-content-box-body
{
    width: 193px; /* 198 - 5 */
    border: solid 1px #C8D0D2;
    padding-left: 5px;
    padding-top: 5px;
}

/* Top menu*/
.top-menu
{
    background-color: #1E487A;
    border-top: solid 3px #449ED3;
    border-bottom: solid 3px #449ED3;
    vertical-align:middle;
    height: 25px;
    text-align:center;
}
.top-menu-left
{
    border-left: solid 3px #449ED3;
}
.top-menu-right
{
    border-right: solid 3px #449ED3;
}
.top-menu-active
{
    background-color: #449ED3;
}
.top-menu2nd
{
    height: 3px;
    background-color: #FFFFFF;
}
.top-menu2nd-active
{
    background-color: #449ED3;
}
.top-menu3rd
{
    background-color: #449ED3;
    height:25px;
    padding-left:5px;
}
.top-menu3rd a
{
    color: #FFFFFF;
    font-size: 9pt;
    text-decoration: none;
}
.top-menu3rd a:hover
{
    text-decoration: underline;
}
.top-menu3rd-dot
{
    padding: 0px 8px 0px 8px;
}

/* Body content box */
.body-content-box
{
    margin-top: 20px;
    padding-bottom: 20px;
    width:100%;
}
.body-content-box-header
{
    font-weight:bold;
    padding-left: 5px;
}
.body-content-box-image
{
    background-image: url(/images/web/blue/line.jpg);
    background-repeat: no-repeat;
    width: 696px;
    height: 18px;
}
.body-content-box-body
{
    padding-top: 5px;
    padding-left: 5px;
}
.body-content-box-body ul
{
    list-style-image: url(/images/web/blue/list.jpg);
    margin-top: -2px;
    margin-bottom: -2px;
}
.body-content-box-body ul li
{
    padding-bottom: 4px;
}


/* Webhosting content box*/
.webhosting-content-box
{
    float: left;
    padding-bottom: 3px;
}
.webhosting-content-box2
{
    float: left;
    padding-bottom: 3px;
    margin-left:7px;
}
.webhosting-content-box-header
{
    width: 237px;
    height: 25px;
    margin-bottom:2px;
}
.webhosting-content-box-body
{
    width: 235px;
    border: solid 1px #A0D5F7;
}
/* Tables */
.table
{
    width: 97%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.table tr
{
    background-color: #E9F6FF;
    height: 22px;
}
.table tr td
{
    border-left: solid 1px white;
    border-right: solid 1px #CFCFCF;
    border-bottom: solid 1px #CFCFCF;
    padding-left: 10px;
}
.table tr th
{
    border-left: solid 1px white;
    border-bottom: solid 1px #CFCFCF;
    padding-left: 10px;
    font-size: 10pt;  
}
.table tr th a
{
    color: #333333;
    text-decoration: underline;
}
.table tr th a:hover
{
    color: #333333;
    text-decoration: none;
}
.table tr.table-alternate
{
    background-color: #FFFFFF;
}
.table .wrap-name {
    display: block;
    max-width: 220px;
    word-wrap: break-word;
}
.table .wrap-data {
    display: block;
    max-width: 333px;
    word-wrap: break-word;
}

.table tr.pager
{
    border: solid 0px #CFCFCF;
    background-color: White;
}
.table tr.pager table
{
    background-color: white;
}
.table tr.pager table tr
{
    background-color: white;
    border: solid 0px white;
}
.table tr.pager table tr td
{
    background-color: white;
    border: solid 0px white;
}
table tr td table tr td.no
{
    border-bottom: 0px;
    background-color: #FFFFFF;
}

/* mod_Main plan tables */
.maintable
{
    width: 95%;
    border-top: solid 1px #a0d5f7;
    margin-left: auto; /* align center */
    margin-right: auto;
}
.maintable td.left
{
     width:50%;
     height:25px;
     text-align:left;
}
.maintable td.right
{
    width:50%;
    height:25px;
    border-left:solid 1px #a0d5f7;
    text-align:right;
}
.maintable a
{
    font-size:11px;
    color:#4c719d;
    text-decoration: underline;
}
.maintable a:hover
{
    font-size:11px;
    color:#ee7243;
    text-decoration: underline;
}

/* section image banner */
.section-image-banner
{
    font-weight:bold;
    padding-top:4px;
    padding-left:5px;
    font-family:Arial CE;
    color:White;
    font-size:14px;
    width:726px;
    height:25px;
    background-image:url(/images/web/blue/box_header_section_big.jpg);
    background-repeat:no-repeat;
}

/* Serverhosting content box*/
.serverhosting-content-box
{
    float: left;
    padding-bottom: 15px;
}
.serverhosting-content-box2
{
    float: right;
    padding-bottom: 15px;
    padding-right: 15px;
}
.serverhosting-content-boxM
{
    float:left;
    padding-bottom: 15px;
    padding-left: 15px;
}
.serverhosting-content-box-body
{
    width: 225px;
    border: solid 1px #A0D5F7;
}
/* LEGEND */
legend
{
  padding: 0.2em 0.5em;
  font-size: 13px;
  border: 1px solid #429ed6;
  background-color: #FFFFFF;
  text-align: right;
  color: #429ed6;
}
fieldset
{ 
    border: 1px solid #429ed6;
    display: block;
    margin-right: 10px;
    padding: 10px 10px 10px 10px;
}

.faq-question
{
    font-size: 13px;
    font-weight: bold;
}
.faq-reply
{
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
.faq-hr
{
    color:#b7b7b7;
    background-color:#b7b7b7;
    border: solid 0px;
    height:1px;
    width:75%;
    margin: 10px 0px 10px 0px;
}
#news-cont
{
    margin-bottom:3px;
}
#news-date
{
    width:50px;padding-left:10px;font-size:11px;font-weight:bold;position:absolute;
}
#news-item
{
    width:630px;position:relative;left:70px;top:0px;
}

a.link-order
{
    text-decoration:none;
    border-bottom: dashed 1px #2c537a;
}
a.link-order:hover
{
    text-decoration:none;
    border-bottom: dashed 1px #ee7243;
}

.msg {padding:10px; padding-left:35px; margin-right:23px;margin-top:0px;}
.msg.warning {background:url("/images/web/icon-warning.gif") 10px 50% no-repeat;}
.msg.info {background:url("/images/web/icon-info.gif") 10px 50% no-repeat;}
.msg.done {background:url("/images/web/icon-done.gif") 10px 50% no-repeat;}
.msg.error {background:url("/images/web/icon-delete.gif") 10px 50% no-repeat;}

.msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;}

hr.our
{
    width:75%;
    color:#ced3d6;
    height:1px;
    margin-top:25px;
}

.table2{background-color:#eff7ff;width:97%;border: solid 1px #cecfce;margin:10px 0px 10px 0px;}
.table2 tr td{}
.table2 tr td table {margin:10px 10px 10px 10px;}
.table2 tr td table tr td{vertical-align:top;}

input[disabled="disabled"], input.disabled 
{
    background-color:#d4d0c8 !important;
    background-image:none !important;
    background-repeat:no-repeat !important;
    color:#9d808d !important;
}


ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 24px;
	border-bottom: 1px solid #4ca2d5;
	border-left: 1px solid #4ca2d5;
	width: 98%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 23px; 
	line-height: 23px; 
	border: 1px solid #4ca2d5;
	border-left: none;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
	background: #d6edf5;/*#e0e0e0;*/
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 0.9em;
	padding: 0 20px;
	border: 1px solid #fff; 
	outline: none;
}
ul.tabs li a:hover {
	background: #9bd2e8;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff; 
}
.tab_container {
	border: 1px solid #4ca2d5;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; 
	width: 98%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
	display:none; /* Hide start*/
}

.collapsibleContainer{margin-bottom: 15px;width:96%;}
.collapsibleContainerTitle{cursor:pointer;}
.collapsibleContainerTitle div
{
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    color:#FFFFFF;
    font-size:0.9em;
    font-weight:bold;
}
.collapsibleContainerContent { padding: 10px; }
.collapsibleContainerContent table { width:100%; }
.collapsibleContainerContent td{ vertical-align:top; }
.green{border: solid 1px #009700;}
.backgreen{background-color:#009700;}
.grey{border: solid 1px #282828;}
.backgrey{background-color:#282828;}
.orange{border: solid 1px #dc4a0e;}
.backorange{background-color:#dc4a0e;}
.blue{border: solid 1px #6d9de9;}
.backblue{background-color:#6d9de9;}
.purple{border: solid 1px #970097;}
.backpurple{background-color:#970097;}
.red{border: solid 1px red;}
.backred{background-color:red;}



/********************************************/
/* Modal popup */
.modalBackground {
    background-color:#414141;
    filter:alpha(opacity=70);
    opacity:0.7;
}
.popup
{
    background-color:white;
    width:400px;
    height:250px;
    border: solid 2px #cecfce;
    padding: 10px 10px 10px 10px;
}
.popup-tbl
{
    background-color:#eff7ff;width:97%;border: solid 1px #cecfce;margin:10px 0px 10px 0px;
}