*{padding: 0; margin: 0;}

#message						{ width:180px;margin:60px 0 0 100px; }
#message h2						{ font-size:150%;color:white; }
#message p						{ color:white;font-weight:bold;margin:6px 0px; }
#checkmark						{ position:relative;top:-46px;left:-60px; }

#fc_cart_table {
clear:both;
font-size:11px;
width:90%;

}
.free
{
	text-align:right;
}
#fc_cart_table td, #fc_cart_table th {
color:#557ba6;
font-size:11px;
padding:2px 5px;
text-align:left;
vertical-align:top;
}
#fc_cart_table td.fc_col1 {
text-align:right;
}
#fc_cart_foot_total td.fc_col1{
text-align:right;

}
#fc_cart_foot_total td.fc_col2{
text-align:left;

}

#fc_cart_foot_subscriptions td.fc_col1 {
font-style:italic;
text-align:left;
}
#fc_cart_table #fc_cart_foot_total td {
	/*#b0ca35 none repeat scroll 0 0 */

}

#signups td.showError {
	background: #FFC;
}
#signups td.showError div.price {
	font-size: 10px;
	width:110px;
	
	}
.price, .text
{
	font-size:11px;
	color:#666699;
	line-height: 13px;
}

.price:hover, .text:hover{
color:#000099;
}

.count_box
{
	font-size:11px;
	line-height: 13px;
}
.update
{
	font-size:11px;
}
#signups tr.note td {
	border-top: 1px solid #DDD;
	font-size: 10px;
	line-height: 13px;
}

#signups #contentInner 
{
	width:670px;
	margin-left: 10px;
	border:1px solid #fff;
	font-family:Verdana,Helvetica,sans-serif;
	
}
#signups .sectionTitle {
	background: none;
}
#signups h3 {
	
	color: #555;
	color:#557ba6;
	font-size: 12px; 
	font-weight: bold; 
	line-height: 15px;
	margin: 0 0 3px 0;
}
#signups div.header {
	height: 17px;
	width: 300px;
	
}
#monthlySection .comment {
padding:10px 10px 10px 10px;
text-align:center;
}
.highlight {
color:#557BA6;

}
.headline 
{
line-height:16px;
color:#557BA6;
font-size:13px;
font-weight:bold;
}
.product_green {
color:#B0CA35;
}

.product_black {
color:#000000;
}

#signups div.toggleContent {
	padding-top: 12px;
}




#clouddrive,
#serverbackup {
	padding-bottom: 0px;
}
#mobile h3,
#storage h3,
#archiving h3,
#clouddrive h3,
#serverbackup h3 {
	margin-right: 10px;
	padding-top:-2px;
	
}


#signups .sectionTitle h2, 
#signups .sectionLink {
	background: transparent;
}
#signups .col1 {
	float: left;
	width: 425px;
	margin-right: 10px;
}
#signups .col2 {
	float: left;
	width: 200px;

}
#formSection fieldset {
	border: none;
	background: #FFF;	
	margin:0pt; 
	padding:0pt;
}
#formSection table {
	width: 100%;
	margin: 0;
	font-size:11px;
}
#formSection th, 
#formSection td {
	padding: 4px;
	
}
#formSection th {
	border: 1px solid white;
}
#formSection th {
	background: #EEE;
	font-weight: normal;
	text-align: left;
}

#option_table {
background:#FFFFFF none repeat scroll 0 0;
border-collapse:collapse;
font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
font-size:11px;
margin:20px;
text-align:left;
width:100%;
}
#option_table a{font-size:10px;}
#option_table th {
border-bottom:1px solid #6291c4;
color:#003399;
font-size:11px;
font-weight:normal;
padding:5px 8px;
background-color:#edf5fd;

}
#option_table td {
border-bottom:1px solid #d8d6d6;
color:#666699;
padding:4px 6px;
font-size:11px;

}
#option_table tbody tr:hover td {
color:#000099;
}
#option_table th.optColumn {
	width: 176px;
}
#option_table th.qtyColumn {
	width: 150px;

}
#option_table th.costColumn {
	width:110px;

}
#formSection .prodText {
	font-weight: bold;
	display: inline;
}

#formSection input {
	margin-right: 4px;
}

.info .detailLink {
	background: url(images/icon_details.png) left no-repeat;
	padding-left: 14px;
}





/* }}} */

/* {{{ Form Elements */

#mobile th,
#storage th,
#archiving th,
#clouddrive th,
#serverbackup th {
	font-size: 11px;
}



/* {{{ Sidebar & Summary */

#summarySection .sectionTitle {
	margin-bottom: 10px;
	height:30px;
	
}

#monthlySection td {
	border-top: 1px solid #EEE;	
}


.summary_table tbody tr:hover td {
color:#000099;
}
.summary_table {
background:#FFFFFF none repeat scroll 0 0;
border-collapse:collapse;
font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
font-size:10px;
margin:0px;
text-align:left;
}
.summary_table th {
border-bottom:2px solid #6678B1;
border-left:5px solid #FFFFFF;
border-right:5px solid #FFFFFF;
color:#003399;
font-size:11px;
font-weight:normal;
padding:6px 2px;
text-align:left;


}
.summary_table td {
border-bottom:1px dashed #CCCCCC;
color:#666699;
padding:3px 4px;
font-size:11px;

}
.summary_table tbody tr:hover td {
color:#000099;
}
.summary_table th.optColumn {
	width: 120px;
	
}

.summary_table th.qtyColumn {
	width: 30px;
}
.summary_table th.costColumn {
	width:50px;
}
#summarySection .sectionTitle {
	margin-bottom: 10px;	
}
.summaryTable {
	font-size: 11px;
	text-align: left;
	width: 100%;
}
.summary_table tr.hidden,
.summary_table td.hidden, 
.summary_table th.hidden {
	display: none;
}
.summary_table .rowCount,
.summary_table .rowTotal {
	text-align: right;
	padding-left: 10px;
}
BR 
{
	margin-top:-10px;
}

.outsideBox #outsideBox-tl {
background:transparent url(images/tl-outside.gif) no-repeat scroll left bottom;
}
.outsideBox #outsideBox-tm 
{
	background:transparent url(images/tm-outside.gif) repeat-x scroll left bottom;
}
.outsideBox #outsideBox-tr {
font-size:1px;
height:5px;
line-height:5px;
background:transparent url(images/tr-outside.gif) no-repeat scroll left bottom;
}
.outsideBox #outsideBox-ml {
background:transparent url(images/ml-outside.gif) repeat-y scroll left top;
height:5px;
line-height:5px;
width:5px;
}
.outsideBox #outsideBox-mm {
background:transparent url(images/mm-outside.gif) repeat scroll left top;
background:#f9fbfd url(images/bg.gif) repeat-x scroll 0 0;
}
.outsideBox #outsideBox-mm textarea {
line-height:16px;
}
.outsideBox #outsideBox-mr {
background:transparent url(images/mr-outside.gif) repeat-y scroll left top;

}
.outsideBox #outsideBox-bl {
background:transparent url(images/bl-outside.gif) no-repeat scroll left top;
font-size:1px;
height:5px;
line-height:1px;
margin:0;
padding:0;
width:5px;
}
.outsideBox #outsideBox-bm {
background:transparent url(images/bm-outside.gif) repeat-x scroll left top;
}
.outsideBox #outsideBox-br {
font-size:1px;
line-height:1px;
margin:0;
padding:0;
width:5px;
background:transparent url(images/br-outside.gif) no-repeat scroll left top;
}



.miniBox
{
	width:220px;
	padding:0pt;	
	margin:0pt;
	
}
.miniBox #outsideBox-tl {
background:transparent url(images/tl-outside.gif) no-repeat scroll left bottom;
font-size:1px;
height:5px;
line-height:5px;
}
.miniBox #outsideBox-tm 
{
	background:transparent url(images/tm-outside.gif) repeat-x scroll left bottom;
	font-size:1px;
height:5px;
line-height:5px;
}
.miniBox #outsideBox-tr {
font-size:1px;
height:5px;
line-height:5px;
background:transparent url(images/tr-outside.gif) no-repeat scroll left bottom;
}
.miniBox #outsideBox-ml {
background:transparent url(images/ml-outside.gif) repeat-y scroll left top;
height:5px;
line-height:5px;
width:5px;
}
.miniBox #outsideBox-mm {
background:transparent url(images/mm-outside.gif) repeat scroll left top;
background:#f9fbfd url(images/bg.gif) repeat-x scroll 0 0;
}
.outsideBox #outsideBox-mm textarea {
line-height:16px;
}
.miniBox #outsideBox-mr {
background:transparent url(images/mr-outside.gif) repeat-y scroll left top;

}
.miniBox #outsideBox-bl {
background:transparent url(images/bl-outside.gif) no-repeat scroll left top;
font-size:1px;
height:5px;
line-height:1px;
margin:0;
padding:0;
width:5px;
}
.miniBox #outsideBox-bm {
background:transparent url(images/bm-outside.gif) repeat-x scroll left top;
}
.miniBox #outsideBox-br {
font-size:1px;
line-height:1px;
margin:0;
padding:0;
width:5px;
background:transparent url(images/br-outside.gif) no-repeat scroll left top;
}




#box
	{
	
	text-align: left;
	width: 100%;				/* <-- use this for a set width */
	background-color: #eeeeee;
	
	background:transparent url(images/mm-focus.gif) repeat scroll left top;
}

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	
	}

#tlc
	{
	background-image:url(images/tl-inside.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(images/tr-inside.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(images/bl-inside.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(images/br-inside.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(images/tm-inside.gif);
	
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(images/bm-inside.gif);
	
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(images/mr-inside.gif);
	
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(images/ml-inside.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}



h2{
	font: 18px/22px Arial, Helvetica, sans-serif;
    font-weight: normal;
	color: #b0ca35;
	color:#557ba6;
	visibility:hidden;	
}


a, a:hover, .detailLink {
	text-decoration: none;
	color: #0843B3;
	cursor: pointer;
	cursor: hand;
}

.noHover {
	padding-bottom: 0px !important;
}
.noHover:hover {
	border-bottom: none !important;
}
a img {
	border: none;
}
a:focus, object:focus {
	outline-style: none;	/* removes dotted box in FF */
}


div.clear {
	clear: both;
}
.occordionTab {
	margin-bottom: 10px;
	padding: 10px;
	background-color: #FFF;
	
}


.show {
	visibility:visible;
	opacity:1;
}

/* }}} */

/* {{{ misc */

.detailPopup {
	display: none;
	background: #FFC;
	border: solid 1px #DDA;
	padding: 12px;
	font-size: 11px;
	position: absolute;
	z-index: 100;
	line-height: 14px;
}
.detailPopup .listTitle H3 {
	margin: 0 0 8px 0;
	font-size: 12px;
	color: #555;
}
.detailCaret {
	width: 8px;
	height: 16px;
	position: absolute;
	left: -8px;
	background: url(images/tooltip_caret_sprite.gif) 0 0 no-repeat;
	cursor: pointer;
}
.detailLink {
	white-space: nowrap;
}
.popupBelow .detailCaret {
	width: 16px !important;
	height: 8px !important;
	top: -8px !important;
}

.hidden {
	display: none;
}
#message					{ width:400px; margin:0 auto; height:200px; padding:50px 0px 0px 40px;}
#message h2						{color:#003399; font-weight:bold;margin:6px 0px;}
#message p						{ color:#003399; font-weight:bold;margin:6px 0px; }
#checkmark						{ position:relative;top:-46px;left:-60px; }

.input2{
border:1px solid #adceeb;
height:15px;
width:135px;
font-size:11px;
}
.jqTransformButton 
{
	font-size:11px;
	font-weight:bold;
	width:95px;
}

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }





.input3 {
			
			width: 150px;
			
			font: 11px verdana, sans-serif;
			
			padding:3px;
			margin-bottom:4px;
			outline:none;
		}
		.input:focus {
			border:1px solid #567475;
			
		}
		
		div#container {
			
			padding:15px;
			margin:auto;
			width:400px;
		}
	
		.error {
			color:red;
			margin:0;
			padding:0;
		}
		
		#container fieldset{border:0;}
		
		.RequiredField {
color:#98A132;
font-family:arial;
font-size:12px;
font-weight:normal;
}

.small_print{ width:400px; margin:10px; font-size:8px;color:#9d9c9c; }

.email_summary_button{
background:url("images/email_summary_request.png") no-repeat scroll 0 0 transparent;
display:block;
height:32px;
width:190px;
border:none;
}
.email_summary_button:hover {
background:url("images/email_summary_request_hover.png") no-repeat scroll 0 0 transparent;
}

.next_button{
background:url("images/next_button.png") no-repeat scroll 0 0 transparent;
display:block;
height:32px;
width:83px;
border:none;
}
.next_button:hover {
background:url("images/next_button_hover.png") no-repeat scroll 0 0 transparent;
}