/* Base */
body {
    background-image: url(../images/background/silver_grad4.jpg);
    background-repeat: repeat-x;
    background-position: top;
    color: #333;
    padding: 0px 0px 0px 0px;
}

h1 {
	font-size: 2em;
    letter-spacing: -0.03em;
    margin: 25px 0px 10px 0px;
}

h2 {
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 1.5em;
}
h2.tight { margin-top: 0; }

/* remote backup title quote */
h2.remote_backup {
    margin-top: 0px;
    margin-bottom: 15px;
    font-style: italic;
}

h3 {
	color: #000000;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: -0.03em;
}

ul {
    margin-bottom: 10px;
    padding-left: 15px;
}

ol {
    margin-bottom: 10px;
    padding-left: 25px;
}

ul li {
    list-style-type: square;
}

ul li ul {
	padding: 0px 0px 0px 15px;
}

ul li ul li {
	list-style-type: circle;
}

strong { font-weight: bold; }
strong.highlight { color: #a30036; }

p {
    line-height: 1.7em;
    margin-bottom: 10px;    
}

em { font-style: italic; }

blockquote {
    font-style: italic;
    margin: 10px 40px;    
}
blockquote p.cite {	
    font-style: normal;
    font-weight: bold;
}
blockquote.wide {
	margin: 0;
	padding: 0;
}
blockquote.wide p.cite {
	font-size: 0.85em;
	line-height: 1.3em;
	margin-top: 10px;
}

input[type="submit"], input[type="button"], input.submit {
    background-color: #f3f3f3;
    border: 1px solid #bcbccb;
    padding: 0px 10px;    
}
input[type="text"], textarea {
	width: 99%;
}

table tr td {
    border: 0;
}
tr.odd td {
    background-color: #eee;
}

a:link, a:visited {
    text-decoration: none;
}
a:hover {
    color: #f00;
}

span.small {
	font-size: 0.85em;
}

/* Image classes */
img.float_right, div.float_right {
    float: right;
    padding: 0px 0px 10px 10px;
}
img.float_left, div.float_left {
    float: left;
    padding: 0px 10px 10px 0px;
}
img.centre {
	display: block;
	margin-left: auto;
	margin-right: auto;
}



/* Forms */
#yui-main form, div.fake_form {
    border:1px solid #ccc;
    /*margin: 2em; */   
    padding: 1em 1em 0.2em 1em; 
    background-image: url(/images/background/silver_grad.jpg);
    background-position:top;
    background-repeat:repeat-x;
}
#yui-main form input {
    margin-bottom: 0.8em;
}
dl.zend_form ul.errors {
    color: #f00;
}
dl.zend_form dt {
    font-weight: bold;
}

/* Top Menu */

#topnav {
    width: 974px;
    height: 60px;
    /* background-image: url(/images/background/topnav_bg_blue.jpg); */
    background-image: url(/images/background/topnav_blue_v2.jpg); 
    margin: 0px;
    padding: 0;    
    position: relative;
    line-height: 60px;
}

#topnav li {
    font-size: 1.2em;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
}

#topnav li, #topnav a {
    height: 60px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

/* split topnav into chunks  (start position - how long)*/
#panel1b {left: 0px;    width: 90px;}
#panel2b {left: 90px; 	width: 139px;}
#panel3b {left: 229px;  width: 139px;}
#panel4b {left: 368px;  width: 133px;}
#panel5b {left: 501px;  width: 140px;}
#panel6b {left: 641px;  width: 111px;}
#panel7b {left: 752px;  width: 111px;}
#panel8b {left: 863px;  width: 111px;}

/* old without Pay-as-you-go bit !!!
#panel1b {left: 0px;    width: 139px;}
#panel2b {left: 139px;  width: 139px;}
#panel3b {left: 280px;  width: 139px;}
#panel4b {left: 417px;  width: 139px;}
#panel5b {left: 556px;  width: 139px;}
#panel6b {left: 695px;  width: 139px;}
#panel7b {left: 834px;  width: 138px;}
*/ 


			/* set effect on highltides section */ 
#panel1b.active a {
    background: transparent url(../images/background/topnav_blue_v2.jpg)
    0 -60px no-repeat; color: #343434; }
#panel2b.active a {
    background: transparent url(../images/background/topnav_blue_v2.jpg)
    -90px -60px no-repeat; color: #343434;}
#panel3b.active a {
    background: transparent url(../images/background/topnav_blue_v2.jpg)
    -229px -60px no-repeat; color: #343434;}
#panel4b.active a {
    background: transparent url(../images/background/topnav_blue_v2.jpg)
    -368px -60px no-repeat; color: #343434;}  
#panel5b.active a {
    background: transparent url(../images/background/topnav_blue_v2.jpg)
    -501px -60px no-repeat; color: #343434;}
#panel6b.active a {
    background: transparent url(../images/background/topnav_blue_v2.jpg)
    -641px -60px no-repeat; color: #343434;}
#panel7b.active a {
    background: transparent url(../images/background/topnav_blue_v2.jpg)
    -752px -60px no-repeat; color: #343434;}			
#panel8b.active a {
    background: transparent url(../images/background/topnav_blue_v2.jpg)
    -863px -60px no-repeat; color: #343434;}    

/*
#panel1b.active a {
    background: transparent url(../images/background/topnav_bg_blue.jpg)
    0 -60px no-repeat; color: #343434; }
#panel2b.active a {
    background: transparent url(../images/background/topnav_bg_blue.jpg)
    -139px -60px no-repeat; color: #343434;}
#panel3b.active a {
    background: transparent url(../images/background/topnav_bg_blue.jpg)
    -280px -60px no-repeat; color: #343434;}
#panel4b.active a {
    background: transparent url(../images/background/topnav_bg_blue.jpg)
    -417px -60px no-repeat; color: #343434;}  
#panel5b.active a {
    background: transparent url(../images/background/topnav_bg_blue.jpg)
    -556px -60px no-repeat; color: #343434;}
#panel6b.active a {
    background: transparent url(../images/background/topnav_bg_blue.jpg)
    -695px -60px no-repeat; color: #343434;}
#panel7b.active a {
    background: transparent url(../images/background/topnav_bg3.jpg)
    -834px -60px no-repeat; color: #343434;}   
*/


#panel1b a:hover {
    background: transparent url(../images/background/topnav_blue_v2.jpg)
    0 -120px no-repeat; color: #fff; }
#panel2b a:hover {
    background: transparent url(../images/background/topnav_blue_v2.jpg)
    -90px -120px no-repeat; color: #fff;}
#panel3b a:hover {
    background: transparent url(../images/background/topnav_blue_v2.jpg)
    -229px -120px no-repeat; color: #fff;}
#panel4b a:hover {
    background: transparent url(../images/background/topnav_blue_v2.jpg)
    -368px -120px no-repeat; color: #fff;}  
#panel5b a:hover {
    background: transparent url(../images/background/topnav_blue_v2.jpg)
    -501px -120px no-repeat; color: #fff;}
#panel6b a:hover {
    background: transparent url(../images/background/topnav_blue_v2.jpg)
    -641px -120px no-repeat; color: #fff;}
#panel7b a:hover {
    background: transparent url(../images/background/topnav_blue_v2.jpg)
    -752px -120px no-repeat; color: #fff;}   
#panel8b a:hover {
    background: transparent url(../images/background/topnav_blue_v2.jpg)
    -863px -120px no-repeat; color: #fff;}

/*
#panel1b a:hover {
    background: transparent url(../images/background/topnav_bg_blue.jpg)
    0 -120px no-repeat; color: #fff; }
#panel2b a:hover {
    background: transparent url(../images/background/topnav_bg_blue.jpg)
    -139px -120px no-repeat; color: #fff;}
#panel3b a:hover {
    background: transparent url(../images/background/topnav_bg_blue.jpg)
    -280px -120px no-repeat; color: #fff;}
#panel4b a:hover {
    background: transparent url(../images/background/topnav_bg_blue.jpg)
    -417px -120px no-repeat; color: #fff;}  
#panel5b a:hover {
    background: transparent url(../images/background/topnav_bg_blue.jpg)
    -556px -120px no-repeat; color: #fff;}
#panel6b a:hover {
    background: transparent url(../images/background/topnav_bg_blue.jpg)
    -695px -120px no-repeat; color: #fff;}
#panel7b a:hover {
    background: transparent url(../images/background/topnav_bg_blue.jpg)
    -834px -120px no-repeat; color: #fff;}   
*/

/* Header Address Text - Top Right Side */
#hd {
    height: 100px;
}


/* Biscuit Trail */
div#biscuit {
    color: #777;
}   
div#biscuit ul {
    display: inline;
    margin: 0px 0px 0px 5px;
    padding: 0px;
}
div#biscuit ul li {
    display: inline;
    margin-left: 0px;
}
div#biscuit ul li a {
    color: #777;
    text-decoration: none;    
}
div#biscuit ul li a:hover {
    text-decoration: underline;
}

/* Live Chat bar */
div#live-chat {
    position: absolute;
    right: 25px;
    top: -3px;
}


/* Left Menu */
div#left_menu {  
    margin-top: 6em;
    width: 139px;
}
div#left_menu div {  
    margin-bottom: 2em;
}

div#left_menu  {
	width: 139px;
	background: #fff;
	list-style: none;
}

/* main <ul>'s */
div#left_menu div.menu h2 {    
    color: #fff;
    height: 25px;
    line-height: 25px;
    font-size: 1em;
    font-weight: bold;
    padding: 0px 0px 0px 5px;
    margin: 0px;    
	background-color: #222d4b;
	border-bottom: 4px solid #2c4162;	
} 

div#left_menu a {
    color: #fff;
    text-decoration: none;
}
div#left_menu a:hover {}
	
div#left_menu div.menu ul {
	list-style: none;
    margin: 0px;
    padding: 0px;
}

div#left_menu div.menu li {
	margin: 0 0 2px 0;
	padding: 0;
	background: #fff;
	list-style: none;
	font-size: 0.9em;
	zoom: 1;	
}
div#left_menu div.menu li a {
	display: block;
	padding: 10px 5px 10px 5px;
	margin: 0;
	background: #E3E3E3 url("../images/background/menu/menu_bg.jpg") 0 0 repeat-x;
	border-left: 3px solid #696969;
	font-weight: bold;
	list-style: none;
	color: #696969;
}

div#left_menu div.menu li a:hover {
	color: #fff;
	border-left: 4px solid #2c4162;	
	text-decoration: none;
	background: #444 url("../images/background/menu/menu_bg_active.jpg") 0 0 repeat-x;
}
div#left_menu div.menu li a.active {
	color: #fff;
	border-left: 4px solid #2c4162;
	text-decoration: none;
	background: #444 url("../images/background/menu/menu_bg_active.jpg") 0 0 repeat-x;
}

	/* sub main <ul>'s */
div#left_menu div.menu li ul {
	margin: 0px 0 0px 0;
	padding: 0;
}
div#left_menu div.menu li ul li.sub {
	margin: 0px;
	padding: 1px 0 1px 10px;
}

div#left_menu div.menu li ul li.sub a {
	background-image: none;
	background-color: transparent;
	border-left: 1px solid #373737;
	padding: 4px 5px 4px 5px;
	border-bottom: 1px dotted #eeeeee;
}

div#left_menu div.menu li ul li.sub a:hover {
	background-image: none;
	background-color: #eee;
	border-left: 1px solid #2c4162;
	color: #696969;
}

div#left_menu div.menu li.sub a.active {
	xcolor: #696969;
	border-left: 1px solid #2c4162;
	background: #444 url("../images/background/menu/menu_bg_active.jpg") 0 0 repeat-x;
	color: #fff;	
}



/* Main */
#yui-main li {
    line-height: 1.7em;
}

/* Footer */
div#ft {
    border-top: 1px dotted #ccc;
    color: #666;
    font-size: 0.8em;
    margin: 10px auto;
    padding: 5px;
    text-align: left;
    width: 100%;
}
div#ft ul {
    margin: 3px 0px 0px 0px;
    padding: 0px;
}
div#ft ul li {
    display: inline;
    list-style-type: none;   
    margin: 0px 5px 0px 0px;
}






/* Error/Information Box */
div.messages {
    background-color: #f3f3f3;
    border: 1px solid #bcbcbb;
    padding: 5px 5px 5px 5px;
    margin-bottom: 10px;
}
div.messages p {
    margin: 0px;
    padding: 0px;
}
div.messages ul {
    padding: 0px;
    margin: 0px;
}
div.messages li {
    background-color: #f3f3f3;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}





/* News Items */
div.news-items div.lead-item h2 {
	margin-top: 0;
}
div.news-items div p.date {
	color: #555;
	font-size: 0.8em;
	margin: 0;
}
div.news-items div p.desc {
	font-style: italic;	
	margin: 0;
}
div.news-items div.archive {
	margin-left: 2em;
}
div.news-items div.archive div {
	margin-bottom: 2em;
}


/* Case studies */
div.case-studies div.yui-u {
    width: 48%;
    height: 320px;
    margin-bottom: 3%;
    background-image: url(/images/background/silver_grad.jpg);
    background-position:top;
    background-repeat:repeat-x;  
}
div.case-studies div.yui-u h3 {
    margin: 10px 0px 0px 5px;
}
div.case-studies div.yui-u a {
    text-decoration: none;
}

div.case-studies div.yui-u div.case_img {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 305px;
    height: 205px;
}
div.case-studies div.yui-u div.case_img img {
    margin-left: auto;
    margin-right: auto;
    padding: 1px;
    border: 1px solid #bcbccb;
}

div.case-studies div.yui-u p {
    margin: 5px 5px 5px 5px;
    overflow: hidden;
    height: 40px;
}
div.case-studies div.yui-u p.links {
    margin: 10px 5px 5px 5px;
    height: 20px;
    text-align: right;    
}



#rbu_pricing_calc div.pricing_box {
    background-image: url(/images/background/silver_grad.jpg);
    background-position:top;
    background-repeat:repeat-x;
    float: right;
    margin: 0 0 2em 2em;
    padding: 1em 1em 0.2em 1em;      
    width: 20em;
}
#rbu_pricing_calc div.pricing_box h2 {
    margin: 0;    
}
#rbu_pricing_calc div.fake_form {
    margin-bottom: 0.5em;
}    
table#quote_list input#folder_name {
    width: 12.5em;
}
table#quote_list input#folder_size {
    width: 4em;
}
table#rbu_quote_results {
     margin: 0 0em 2em 2em; 
    border: 1px solid #ccc;
     padding: 1em 1em 0.2em 1em; 
    width: 35.5em;
        border: 1px solid;    
}
table#rbu_quote_results th {
    background-image: url(../../images/background/menu/remote_backup_grad.jpg);
    background-repeat: repeat-x;
    background-position: top;
    border: 0;
    color: #fff;
    font-weight: bold;
}
table#rbu_quote_results th, table#rbu_quote_results td {
    padding: 3px;
}
table#rbu_quote_results td#gb_required {
    border-top: 1px solid #000;
}
table#rbu_quote_results td#gb_required_desc,
table#rbu_quote_results td#gb_required, 
table#rbu_quote_results td#monthly_cost_desc,
table#rbu_quote_results td#monthly_cost {
    font-size: 1.2em;
}
table#rbu_quote_results span#monthly_cost {
    font-size: 1.2em;
}
div#rbu_price_notes {
    font-size: 0.8em;
    margin: 0 2em 2em 2em;
}

#rbu_pricing_calc td#rbu_email_results p {
    margin: 0;
}

#rbu_pricing_calc form#rbu_price_calc_frm {
    background: none;
    border: 0;
    font-size: 0.8em;
    margin: 0;
    padding: 0;    
}
#rbu_pricing_calc form#rbu_price_calc_frm input {
    margin: 0;
    width: 10.9em;
}
#rbu_pricing_calc form#rbu_price_calc_frm dt {
    display: inline;
}
#rbu_pricing_calc form#rbu_price_calc_frm dd {
    display: inline;    
    margin: 0 1.3em 0 0;
}
*/


/* Contact Us */
div.contact-form textarea {
    height: 10em;
    width: 30em;
}


/* Utility classes */
.hide {
    display: none;
}   


/* NEWS SECTION - BOXES */
div.yui-u news first {
    border: 1px solid black;
    padding: 0px;
    margin: 0px;
    width: 600px;
}

div.yui-u news {
    padding: 0px;
    margin: 0px;
    
    border: 1px solid red;
    width: 400px;
}

div.newsletter-signup p {
    font-size: 0.8em;
}

div.it-support-pin p {
    font-size: 0.8em;
}

div#left_menu input[type="text"] {
        width: 100%;
}

div.it-support-pin input.submit {
    xwidth: 150px;
}


div.trial-signup {
    clear: both;
}

div.rbu-faqs p, div.rbu-faqs li {
    font-size: 0.8em;
}


table.pricing {
    width: 99%;
}
table.pricing th {
    font-weight: bold;
    font-size: 1.1em;
    background-color: #C6D9F1;
    padding: 3px;
    border: 0;
}
table.pricing td.price {
    font-weight: bold;
    text-align: right;
    width: 100px;
}


table.stretch {
	width: 100%;
}
table.boxed th {
	background-color: #006a80;
	color: #fff;
	font-size: 1.1em;
	padding: 5px;
}
table.boxed td {
	border: 1px solid #ccc;
}

/* Tabs */
#tabs {     
    margin-top: 6px;
    width: 100%; 
}
#tabs .tabs-hide {
    display: none;
}
#tabs ul.tabs-nav {
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
}
#tabs ul.tabs-nav li {
    display: inline;
    list-style-type: none;    
    padding: 0px;
    margin: 0px;
}
#tabs ul.tabs-nav li.tabs-selected a {
    /*
    background-color: #325781;
    color: #fff;
    */
    background-color: #cbe4ff;
    color: #325781;
    margin: 0 10px 0 0;
    padding: 5px;    
}
#tabs ul.tabs-nav li a {
    /*
    background-color: #cbe4ff;
    color: #325781;
    */
    background-color: #325781;
    color: #fff;
    text-decoration: none;
    font-weight: bold;    
    margin: 0 10px 0 0;
    padding: 5px;
}
#tabs ul.tabs-nav li a:hover {
    background-color: #eee;
}
/*
#tabs ul.tabs-nav li.tabs-selected a {
    color: #45A51E;
}
*/
#tabs .tabs-container {
    clear: left;    
}
#tabs div {
    clear: right;
}


ul#tabify {
	margin: 0;	
	padding: 0;
}
ul#tabify li {
	background-color: #B2C1CB;
	border: 1px solid #ccc;
	border-bottom: 0;
	display: inline;	
	font-size: 1.15em;
	margin-right: 0.5em;
	padding: 0.5em 0.5em 0.3em 0.5em;
}
ul#tabify li a {
	color: #657178;
}
ul#tabify li.active {
	background-color: #1F2C58;
	/*background-color: #fff;*/
}
ul#tabify li.active a {
	color: #fff;
	/*color: #000;*/
	font-weight: bold;
}
div.tab_container {
	border: 1px solid #ccc;
	padding: 0.5em;
}
div.tab_container li {
	margin-bottom: 0.5em;
}
div.tab_container li li {
	margin-bottom: 0;
}

/* Shiny */
div.lead_text {
	font-size: 1.2em;
	margin-bottom: 20px;
}
div.lead_msg { line-height: 1.5em; }
div.lead_msg h3 { color: #000; }
div.lead_msg img.icon {
	float: left;
	padding: 0px 10px 10px 0px;
}
div.lead_msg img.icon_mar_bot {	margin-bottom: 10px; }
div.lead_msg strong { color: #a30036; }

/* Sections */
div.yui-g div.split_box.yui-u {
	width: 46%;	
}
div.split_box {
	color: #fff;
	padding: 10px;
}
div.split_box h2 {
	font-size: 1.2em;
	margin-bottom: 10px;
	margin-top: 0;
}
div.split_box h2 a { color: #fff; }
div.split_box h2 a:hover { text-decoration: underline; }
div.split_box img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
div.split_box.backup_tone1 { background-color: #732B97; }
div.split_box.backup_tone1.over { background-color: #925EAB; }
div.split_box.backup_tone2 { background-color: #3A0554; }
div.split_box.backup_tone2.over { background-color: #5C1F7A; }


div.split_box.payg_tone1 { background-color: #df631f; }
div.split_box.payg_tone1.over { background-color: #dd7339; }
div.split_box.payg_tone2 { background-color: #b14a12; }
div.split_box.payg_tone2.over { background-color: #dd7339; }



div.split_box.development_tone1 { background-color: #DD65A7; }
div.split_box.development_tone1.over { background-color: #CD4790; }
div.split_box.development_tone2 { background-color: #CD4790; }
div.split_box.development_tone2.over { background-color: #D9509C; }

div.split_box.it_tone1 { background-color: #5B89BD; }
div.split_box.it_tone1.over { background-color: #62BADD; }
div.split_box.it_tone2 { background-color: #325781; }
div.split_box.it_tone2.over { background-color: #8BC5DB; }


table.nice {
	font-size: 0.9em;
	margin: 0;
	width: 100%;
}
table.nice tr td.title {
	background-color: #222D4B;
	border: 1px solid #000;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	padding: 5px;
}
table.nice tr th {
	background-color: #2C4162;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	padding: 5px;	
}
table.nice.col_3 tr th {
	width: 33%;
}
table.nice tr td {
	padding: 3px;
}
table.nice tr.odd td {
	background-color: #EBF4FF;
}
table.nice tr th.col_100, table.nice tr td.col_100 {
	width: 100px;
}

div.case_study { 
	background-image: url(/images/background/silver_grad.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	margin-bottom: 2em;
	padding: 1em; 
}
div.case_study img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
div.case_study p.links { margin-top: 0.3em; text-align: right; }
div.yui-u.case_study {
	width: 45%;
}

div.yui-gb.home_blocks_3 { width: 74.923em; }
div.yui-gb.home_blocks_3 div {
	color: #fff;
	padding: 0.769em;
	text-align: center;
	width: 22.44em;
}
* html div.yui-gb.home_blocks_3 div {
    padding: 0.4em;
}
div.home_blocks_3 div h2 {
	color: #fff;
	font-size: 1.2em;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0.769em;
	text-align: left;
}
div.home_blocks_3 div h2 a {
	color: #fff;
}
div.home_blocks_3 div h2 a:hover {
	text-decoration: underline;
}
div.home_blocks_3 div.buscon { background-color: #5A1D78; }
div.home_blocks_3 div.web { background-color: #cd4790; }
div.home_blocks_3 div.it { background-color: #325781; }

div#news_ticker {
    background-color: #ddd;
    margin: 1em 0 0 0;
    padding: 0.5em;
    width: 73.923em;
    position:relative;
}
div#news_ticker span.title {    
    font-weight: bold;
}
div#news_ticker div.cycle {
    position: absolute !important;
    left: 7.5em;
    top: 0.3em;
    width: 66em;
    height: 1.8em;
    overflow: hidden;
}
div#news_ticker a {
    color: #333;
}

/* Landing pages */
div.highlight_box {
    border:1px solid #ccc;
    background-image: url(/images/background/silver_grad.jpg);
    background-position:top;
    background-repeat:repeat-x;
	margin-left: 3% !important;
	padding: 0.5em;
	width: 29% !important;
}
div.highlight_box form {
	border: 0 !important;
	margin: 0.5em !important;
}
div.highlight_box.lead_msg img.icon {
	float: right !important;
	padding: 0 0 10px 10px !important;
}

div.stretch {
	width: 100% !important;
}
br.clear_both {
	clear: both;
}

div.yui-gc div.yui-g {
	margin-left: 0 !important;
}