﻿body {
    margin: 0px;
    padding: 0px;  
    font-family:'Lucida Grande', Arial, 'Trebuchet MS', Verdana, sans-serif;
}
p {
font-family:Calibri,Verdana; font-size:11pt; color:#333333;
}

a {
 color:#0E359A; font-size:11pt; text-decoration:underline; font-weight:bold;
}

a:hover{
 color:#0E359A; font-size:11pt;  text-decoration:none;
}

.contenttitle {
font-family:Calibri; font-size:18pt; color:#666666;
}

#Content
{
	border-left: solid 1px #C5C5C5;
	border-right: solid 1px #C5C5C5;
}

.MainContent
{
	width: 717px;
	float: right;
	margin: 10px 8px 10px 0px;
}
.SideColumn
{
	float: left; 
	width: 273px; 
}
#Contacts p{margin-top: 0px; line-height:10pt; font-size:13px;}


/*  Header - Start  */
#Header
{
	padding: 0px;
	background-color: #363636;
	height: 67px;
}
#Frame
{
	width: 1000px;
}
#Title, #Menu
{
	float:left;
}
#Title
{
	width:185px;
	padding-left: 15px;
	padding-top: 10px;
}
#Menu
{
	height: 49px;
	margin-left:40px;
} 
.MenuSeparator
{
	float: left;
	width: 3px;
	height:49px;}
.MenuItem
{
	float: left;
	width: 107px;
}	
#Language
{
	float:right;
	margin-right: 14px;
	margin-top: 35px;
	text-align:right;
	vertical-align:bottom;
}
#Language .Separator
{
	font-family:Verdana, Arial;
	color: White;
}
.HiddenValue
{
	display:none;
}
/*  Header - End  */

/*  Footer -Start  */
#Footer
{
	padding: 0px;
	background-color:#C5C5C5;
	height: 34px;
	text-align: left;
	padding-left: 20px;
	padding-top: 12px;
}
#Footer .Item
{
	color:#272B48;
	font-family:Verdana, Arial;
	font-size:12px;
	margin-right:8px;
	text-decoration: none;
}
/*  Footer -End  */


/*  Login - Start  */
#LoginPanel
{
	float: left;
	width: 273px;
	height: 259px;
	background-image: url('LoginBG.gif');
	background-position: center center;
	background-repeat: no-repeat;
}
#LoginPanel .LearnMorePanel_en
{
	height: 28px;
	text-align: left;
	margin-left: 25px;
	padding-top: 7px;
}
#LoginPanel .LearnMorePanel_zh-TW, #LoginPanel .LearnMorePanel_zh-CN
{
	height: 28px;
	text-align: right;
	margin-right: 30px;
	padding-top: 7px;
}

#LoginPanel #OrderNSave
{
	padding-top: 35px;}
#LoginPanel #LoginControl
{
	height: 23px;
	padding-top: 10px;
}
#LoginPanel .LoginControlItem
{
	height: 16px;
	padding-top: 8px;
	text-align: left;
	margin-bottom: 10px;
	padding-left: 84px;
}
.LoginControlItem .TextBox
{
	border-width: 0px;
	font-family: Verdana, Times New Roman;
	font-size: 12px;
	font-weight:bold;
}
.LoginControlItem #PWD
{
	width: 110px; 
	float: left;
}
.LoginControlItem #LoginImage
{
	width: 40px; 
	float: left; 
	margin-top: -5px; 
	margin-left: 16px;
}
/*  Login - End  */


/* Border + Bckground - Start */
.InnerMainContent .bordertop, .InnerMainContent .borderbottom
{
	height: 4px;
}
.InnerMainContent .borderleft, .InnerMainContent .borderright
{
	background-repeat: no-repeat;
	float: left;
	width:  4px;
	height: 4px;
}
.InnerMainContent .bordercenter
{
	float: left;
	width: 709px;
	height:3px;
}
.InnerMainContent .bordertop .bordercenter
{
	border-top: solid 1px #959595;
	background-color: #f5f4f1;
}
.InnerMainContent .borderbottom .bordercenter
{
	border-bottom: solid 1px #959595;
	background-color:#f5f4f1;
}
.InnerMainContent .bordertop .borderleft
{
	background-image: url('border_f5f4f1_top_left.gif');
}
.InnerMainContent .bordertop .borderright
{
	background-image: url('border_f5f4f1_top_right.gif');
}
.InnerMainContent .borderbottom .borderleft
{
	background-image: url('border_f5f4f1_bottom_left.gif');
}
.InnerMainContent .borderbottom .borderright
{
	background-image: url('border_f5f4f1_bottom_right.gif');
}
.InnerMainContent .bordermiddle
{
	border-left: solid 1px #959595;
	border-right: solid 1px #959595;
	background-color:#f5f4f1;
	padding: 10px;
	text-align: left;
	min-height: 500px;
	overflow: visible;
}
/* Border + Bckground - End */

/* Border + NoBckground - Start */
.InnerMainContentNoBG .bordertop, .InnerMainContentNoBG .borderbottom
{
	height: 4px;
}
.InnerMainContentNoBG .borderleft, .InnerMainContentNoBG .borderright
{
	background-repeat: no-repeat;
	float: left;
	width:  4px;
	height: 4px;
}
.InnerMainContentNoBG .bordercenter
{
	float: left;
	width: 709px;
	height:3px;
}
.InnerMainContentNoBG .bordertop .bordercenter
{
	border-top: solid 1px #959595;
}
.InnerMainContentNoBG .borderbottom .bordercenter
{
	border-bottom: solid 1px #959595;
}
.InnerMainContentNoBG .bordertop .borderleft
{
	background-image: url('border_top_left.gif');
}
.InnerMainContentNoBG .bordertop .borderright
{
	background-image: url('border_top_right.gif');
}
.InnerMainContentNoBG .borderbottom .borderleft
{
	background-image: url('border_bottom_left.gif');
}
.InnerMainContentNoBG .borderbottom .borderright
{
	background-image: url('border_bottom_right.gif');
}
.InnerMainContentNoBG .bordermiddle
{
	border-left: solid 1px #959595;
	border-right: solid 1px #959595;
	padding: 10px;
	text-align: left;
}
/* Border + NoBckground - End */

/*  SignUp - Start  */
#SignUp .page_footer
{
	font-family: Verdana, Arial;
	font-size:12px;
	font-weight: bold;
	margin:10px;
	border-top: 1px solid #E6E6E6; 
	padding-top:5px;
}
#SignUp #Progress
{
	font-size: 12px; 
	color: #ff6633; 
	font-weight: bold; 
	font-family:'Lucida Grande', Arial, 'Trebuchet MS', Verdana, sans-serif;
}
#SignUp .error_msg 
{
	background-color:#ffffff;
	border: solid 1px #E6E6E6;
	margin-bottom:10px;
}
#SignUp .error_msg .error_msg_list
{
	width: 100%;
	margin: 0px;
}
#SignUp .error_msg .error_msg_list ul
{
	font-family:Verdana; 
	font-size:8pt; 
	line-height:10pt; 
	color:#8b8574;
}
#SignUp .error_msg h2
{
	background-color:#f33;
	font-size:130%;
	padding:2px;
	padding-left:5px;
	color:#ffffff;
	margin-top:0px;
	font-size:16px; 
	font-weight:bold;
	font-family:Verdana;
}
#SignUp .error_msg p
{
	padding-left:5px;
}
.steps{font-size:small;font-family:"Lucida Grande", Arial, "Trebuchet MS", Verdana, sans-serif; } /* -- height: 200px; overflow:auto; --*/
.steps .item_title{margin-top: 10px;padding-top:0px;padding-bottom:0px;}
.steps .item_title span{font-family:Trebuchet MS; font-size:11pt; font-weight:bold;}
.steps .item_title p{margin-top: 0px; margin-bottom:0px; font-family:Trebuchet MS;font-size:12px; color:#444444; display: block;}
.steps .desc{color:#444444;font-family:Trebuchet MS;font-size:13px; text-decoration: underline; font-weight:bold; width:100%;}
.steps .item{padding:0px;margin:0px;margin-bottom: 5px;margin-left:25px;font-size:100%;width:70%;line-height:2em;padding:1px 4px 6px 9px;display: inline-block;}
.steps .sum_body {margin:0px; padding:0px!important; margin-bottom: 5px;font-size:100%;width:100%;line-height:2em;display: inline-block;}
.steps .item_summary {padding: 8px!important; margin-bottom: 10px!important;background-color:White; border:dotted 1px #CCCCCC;}
.steps .item_summary .summary_item_title{ background-color:#FF6633!important; color: White!important; font-size:100%; padding: 4px!important; line-height: 12px;}
.steps .item_summary .summary_item{}
.steps .item_summary .summary_item .sub_item{padding: 0px; margin:0px; padding-left:10px; color:#6A6A6A; font-family: "Lucida Grande", Arial, "Trebuchet MS", Verdana, sans-serif !important; font-size: 100%; line-height:14px!important; display:block;}
.steps .item div{float:left;display:inline;margin-right:5px;}
.steps .item .expandable_panel a{font-size:x-small;font-family:"Lucida Grande", Arial, "Trebuchet MS", Verdana, sans-serif;}
.steps .item .expandable_panel{ float:inherit; display:inherit;}
.steps .item div.number_selection{padding: 10px 10px 0px 10px; border: solid 1px #E6E6E6; background-color:#FFFFFF; margin-bottom: 10px;}
.steps .item p{margin-top: 0px;font-size:10px; color:#444444; line-height:10pt;}
.steps .item .clear{ clear: both;line-height:1px!important; height:0px!important; margin:0px!important;}
label.desc{line-height:125%;padding:4px 4px 1px 0;border:none;color:#444;display:block;font-weight:bold;font-size:95%;}
.steps .choice label{font-size:100%;display:block;line-height:1.0em;margin:-19px 0 0 25px;padding:4px 0 5px 0;color:#444;width:90%;}
.steps .choice span { display: list-item; list-style-type: none; font-size: 12px;}
.steps .left{float:left;width:48%;}
.steps .right{float:right;width:48%;}
.steps .left input , .steps .left select, .steps .right input, .steps .right select { width: 100%;}
.steps .full{width:100% !important;}
.steps .item img.icon {float:left;margin:.35em 5px 0 0;}

/* ----- FIELDS AND LABELS ----- */
#container input.text, #container textarea.textarea, #container select.select{background:#efefda;}
#container input.text, #container textarea.textarea, #container select.select, #container label.choice{font-family:Trebuchet MS;color:#333333}
input.text, textarea.textarea, select.select{font-size:100%;border-top:1px solid #7c7c7c;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;border-bottom:1px solid #ddd;background-color:#fff;color:#333;}
input.text{padding:2px 0 2px 0;}
input.currency{text-align:right;}
input.checkbox, input.radio{display:block;line-height:1.4em;margin:8px 0 0 3px;width:13px;height:13px;}
label.choice{font-size:100%;display:block;line-height:1.4em;margin:-19px 0 0 25px;padding:4px 0 5px 0;color:#444;width:90%;}
textarea.textarea{margin-top:1px;font-family:"Lucida Grande", Arial, "Trebuchet MS", Verdana, sans-serif;}
select.select{margin:1px 0 1px 0;padding:1px 0 0 0;}select.select[class]{margin:0;padding:1px 0 1px 0;}
/* ----- SIZES ----- */
.third{width:32% !important;}
.half{width:48% !important;}
input.small, select.small{width:25%;}
input.medium, select.medium{width:50%;}
input.large, select.large, textarea.textarea{width:99%;}
input.tags{width:315px;}
textarea.small{height:5.5em;}
textarea.medium{height:10em;}
textarea.large{height:20em;}


/* ----- Thank You ----- */
.data_table{border-width:1px;border-style:solid;border-color:#E6E6E6;background-color:#fff;margin-left:20px;}
.data_table th{padding-left:3px;padding-right:3px;}
.data_table td{padding-left:3px;padding-right:3px;font-family:"Lucida Grande", Arial, "Trebuchet MS", Verdana, sans-serif; font-size: 12px;}

#ResultMessage{color: Red; font-size: 12px; font-family:"Lucida Grande", Arial, "Trebuchet MS", Verdana, sans-serif;}

/*  SignUp - End  */

/* Index.aspx - Start */
#AnimationContainer
{
	position: relative;
	height: 239px;
	z-index:1;	
	margin-left: 7px;
	text-align: center;
}
.AnimationLayers
{
	position: absolute;
	top:0px;
	right: 0px;
	z-index: 1;
}
#AnimateControlsContainer
{
	position: absolute;
	bottom: 1px;
	left: 0px;
	height: 38px;
	width: 710px;
	z-index:3;		
}
#AnimateControlsContainerBg
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: black;
	height: 40px;
	width: 710px;
	z-index:2;		
	}
#IndexPageSeparator
{
	background-image: url('SquareSeparator.gif');
	background-repeat: repeat-x;
	height: 6px;
	margin: 0px 8px 0px 8px;
}
/*#IndexSideContent
{
	background-image: url('Business_top.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
}*/
#InnerSide
{
	margin: 8px 8px 8px 8px;
}
#IndexSideContent
{
	height: 144px;
	text-align: left;
}
#IndexSideContent div, #SideContent div
{
	font-weight: bold;
	color: #555555;
	font-size: 15px;
	padding-left:30px;
	padding-top: 16px;
}
#IndexSideContent ul, #SideContent ul
{
	list-style-type: square;
	margin-left: 19px;
	margin-top: 5px;
	padding: 0px 0px 0px 10px;
	text-indent:-4px;
}
#IndexSideContent li
{
	color: #707070;
	font-size: 13px;
	font-weight: bold;
	margin-top: 9px;
	margin-bottom: 10px;
}
#Promo div
{
	margin-top: 8px;
	margin-bottom: 8px;
	float: left;
	display: inline-block;
}
#PromoLeft
{
	margin-right: 18px;
	margin-left: 9px;}
/* Index.aspx - End */

/* Rates - Start */
#LDRates .central_table_section 
{
	margin-top:7px; width:450px; border: 1px solid #e3ddd2;
}

#LDRates .central_table 
{
	margin-top:7px; margin-left:7px; margin-bottom:7px; width:436px; background-color:#F5F4F1;
}

#LDRates .central_table .header 
{
	padding-left:7px; padding-top:4px; margin-bottom:3px;
}

#LDRates .central_data_table 
{
	margin-left:7px;width:422px;margin-bottom:3px;
}
#LDRates .central_data_table tr.odd {

background-color:#fafaf8;

}
#LDRates .central_data_table th {
font-weight:bold; text-align:left; font-size:14px; color:#8b8574; 
}

#LDRates .central_data_table td {
text-align:left; font-size:14px; color:#8b8574; 
}

#LDRates .central_data_table td.column2 {
text-align:right;
}

#LDRates .central_data_table td.column3 {
text-align:right;
}

/* Rates - End */

/* Features - Start */
#features div, #LDRates div, #LNPAvailability .Title
{
	font-size: 20px;
	font-weight: bold;
}
#features h2, #LDRates h2, #LNPAvailability h2
{
	font-size:16px;
	color: #FF6633;
}
/* Features - End */

/* Side Menu - Start */
#SideContent
{
	text-align: left;}
	
#SideContent a
{
	color: #707070;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}
#SideContent a:hover
{
	color: #9F9F9F;
	text-decoration: underline;
	font-size: 13px;
	font-weight: bold;
}
#SideContent li
{
	color: #707070;
	line-height: 15px;
	font-size: 13px;
	font-weight: bold;
}
#SideContent div
{
	padding-left:10px;
	padding-top: 0px;
}
/* Side Menu - End */


/* About - Start */
#timeline_side_table_section .side_table {
margin-top:7px; margin-left:7px; margin-bottom:7px; width:244px; border: solid 1px #E3DDD2;
}

#timeline_side_table_section .side_table .header {
padding-left:7px; padding-top:4px; margin-bottom:3px;
}

#timeline_side_table_section .side_data_table {
margin-left:7px;width:230px;margin-bottom:3px;
}
#timeline_side_table_section tr.odd {
background-color:#fafaf8;
}
/* About - End */
.GreyTextBox
{
	border-right: rgb(195,195,195) 1px solid;
    border-top: rgb(124,124,124) 1px solid; 
    font-size: 12px; 
    background: rgb(239,239,218);
    border-left: rgb(195,195,195) 1px solid; 
    color: rgb(51,51,51); 
    border-bottom: rgb(221,221,221) 1px solid;
}