/* HTML elements */
/*GENERAL: Use IDs when there is only one occurence per page. Use classes when there are one or more occurences per page*/

body {
	font-family: Helvetica, Arial, sans-serif;
	color:#000000;
	background:#ffffff;
	border:none;
	width:100%;
	margin: 0 0 0 0;
}

td {
	font-family: Helvetica, Arial,  sans-serif;
}

th {
	font-family: Helvetica, Arial, sans-serif;
}

input, select {
    padding:2px;
    border:solid 1px #CCCCCC;
    background-color:#FFFFFF;
}

h2 {
    color:#000000;
    font-size:1.4em;
}

/* Begin Layout page styles */

/*CL LAYOUT DIAGRAM
   ####  - top_content
########## - grey stripe
   #### - content
########## - footer
*/

/* Error message div */
#error_messages {
    width:918px;
    background-color:#FF0000;
    color:#FFFFFF;
    margin:10px;
    padding:5px;
    text-align:center;
}

/* Flash messenger div */
#flash_messages {
    width:918px;
    background-color:#FF0000;
    color:#FFFFFF;
    margin:10px;
    padding:5px;
    text-align:center;
}

#cl_logout {
    position:relative;
    width:975px;
    left:50%;
    top:50%;
    margin-left:-488px;
    margin-top:-10px;
    text-align:right;
}

#cl_heading {
    font-size:1.5em;
    margin-left:50px;
}

#cl_logout a {
    color:#0C2577;
    text-decoration:none;
}

#cl_logout a:hover {
    text-decoration:underline;
}

/* End Layout page styles */

/* Clearwire Specific cw_* ID's */
/* all page contents are required to be within this div the rest of the page should just inherit the width here */

/* *CW ID's */
#cw_container {	
	width:974px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}

#cw_content_container {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#cw_logo {
	height:70px;
	width:150px;
	background-image:url(../images/cw/xohm_c_tm_h.jpg);
	margin-bottom:20px;
}
	
#cw_top {
	width:2%;
	height:136px;
	background-image:url(../images/cw/header.jpg);
}

#cw_left_side {
	width:30px;
	background-image:url(../images/cw/left_side.jpg);
	background-repeat:repeat-y;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#cw_right_side {
	width:30px;
	background-image:url(../images/cw/right_side.jpg);
	background-repeat:repeat-y;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#cw_bottom {
	width:974px;
	height:51px;
	background-image:url(../images/cw/bottom.jpg)
}

#cw_interactive {
	width:96%;
    padding:0px 20px 0px 20px;
}

#cw_footer {
	margin:20px 0px 20px 0px;
	float:left;
	color:#0C2577;
}

#cw_footer_copy {
	margin:20px 0px 20px 0px;
	float:right;
	color:#0C2577;
}
#cw_current_container {
	width:362px;
}

#cw_current_top {
    padding-left:10px;
    color:#FFFFFF;
    font-weight:bold;
	width:inherit;
	height:43px;
	background-image:url(../images/cw/current_top.gif); background-repeat:no-repeat;
}

#cw_current_walls {
	width:10px;
	background-color:#b2bb14;
}

#cw_current_content {
	padding: 10px;
	width: 312px;	
}

#cw_current_bottom {
	height: 20px;
	background-image:url(../images/cw/current_bottom.gif); background-repeat:no-repeat;
}

#cw_current_arrow {	
	vertical-align:top;
}
/* END CW ID's */

/* CL  ID's */
#black_body {
	background-color:#000000;
}
	
#cl_logo {
	height:80px;
	width:203px;
	background-image: url(../images/cl/logo.png);
	float:left;
}

#cl_help {
    position:relative;
    top:45px;
    float:right;
    text-align:right;
}

#cl_help img {
    border:none;
}

#cl_top_container {	
	width:975px;
    position:relative;
    left:50%;
    margin-left:-488px;
    height:80px;
    padding:10px;
}

#cl_greystripe {
	position: relative;
	width: 100%;
	height:48px;
	background: url(../images/cl/bg.gif) repeat-x;
	overflow: hidden;
	clear: both;
	z-index: 100;
}

#cl_content_container {
	margin-top:20px;
	width:975px;
	border-collapse: collapse;
}

#cl_steps_banner {
	width: 873px;
	height:75px;
	margin-left:auto;
	margin-right:auto;
}

#cl_content_top {	
	width: 975px;
	height:24px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/cl/cl_content_top.gif);
    background-repeat:no-repeat;
	background-color:#FFFFFF;
}

#cl_content {
	width: inherit;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	padding: 10px;
}

#cl_inner_content_container {
	width:918px;
	margin-left:auto;
	margin-right:auto;
	border-collapse: collapse;
}

#cl_inner_content_top {
	width:918px;
	height:46px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/cl/cl_content_inner_top.gif);
    background-repeat:no-repeat;
    background-position:center;
    color:#FFFFFF;
    padding-left:10px;
    font-size:1.1em;
    font-weight:bold;
}

#cl_inner_content_wall_left {
	width:10px;
	background-color:#ADBE10;
}

#cl_inner_content {
	width: 898px;
	padding: 10px;
}

#cl_inner_content_wall_right {
	width:10px;
	background-color:#ADBE10;
}

#cl_inner_content_bottom {
	width:918px;
	height:46px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/cl/cl_content_inner_bottom.gif);
    background-repeat:no-repeat;
    background-position:center;
}
#cl_recco  {	
	width:100%;
	margin-left:auto;
	margin-right:auto;
    border-bottom:3px solid #75BE3D;
}

#cl_recco_header {
	width:inherit;
	height:40px;
	background-color:#58A324;
	color:#FFFFFF;
    font-weight:bold;
	text-align:justify;
	margin-top:auto;
	margin-bottom:auto;
	padding:10px 5px 10px 15px;
}

#cl_recco_body {
    padding:10px 5px 10px 15px;
	width:inherit;
	background-color:#EBEBEB;
}

#cl_recco_footer {
    background-color:#FFFFFF;
    padding:10px;
}

#inner_content_shipping {
	width: 918px;
	margin-left:auto;
	margin-right:auto;
    margin-bottom:80px;
}

#inner_content_equipment {
	width: 918px;
	margin-left:auto;
	margin-right:auto;
}

#inner_content_shipping_header {
	width:inherit;
	height:40px;
	background-color:#58A324;
	color:#FFFFFF;
    font-size:1.2em;
    font-weight:bold;
	text-align:justify;
	margin-top:auto;
	margin-bottom:auto;
	padding:10px 5px 10px 15px;
}

#inner_content_shipping_body {
    padding:10px 5px 15px 15px;
	width:inherit;
	background-color: #EBEBEB;
}

#inner_content_shipping_body .smaller {
    font-size:0.8em;
}

#cl_content_bottom {
	width:975px;
	height:24px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/cl/cl_content_bottom.gif);
    background-repeat:no-repeat;
}

#cl_footer {
	position:relative; 
    bottom:0px;
	width:100%;
	height:36px;
	background:#75BE3D;
	color:#E3F2D8;
	border-bottom:5px solid #6AAD37;
	overflow:hidden;
	margin-top:48px;
	clear:both;
	z-index:100;
}

#cl_footer_contents {
    position:relative;
    left:50%;
    margin-left:-487px;
    width:975px;
    height:100%;
    padding-top:5px;
}

#cl_footer_customer_service {
    float:left;
}

#cl_footer_copy {
    float:right;
}

/*login page */
#order_equipment {
    color:#0C2577;
    font-size:1.4em;
    font-weight:bold;
}

#login_view_text {
    width:50%;
    float:left;
    text-align:justify;
}

#login_form {
	width:341px;
    height:298px;
    margin:0px 0px 20px 70px;
    padding:10px;
    float:left;
    background-image:url(../images/cw/login_box.png);
    background-repeat:no-repeat;
}

#login_form dt {
    position:absolute;
    text-align:left;
    width:130px;
    *margin-left:-130px; /* fix for IE 7 */
    margin-bottom:10px;
}

#login_form dd {
    margin-left:140px;
    margin-bottom:10px;
}

#login_form ul {
    position:relative;
    left:10px;
}

#login_form p {
    padding-right:30px;
    text-align:right;
    font-size:0.7em;
}

#login_form #dont_know_id_or_pin {
    display:none;
    margin-top:-5px;
    padding-right:30px;
    text-align:right;
    font-size:0.7em;
}

#login_form .required {
	color:#0C2577;
    font-weight:bold;
}

#login_form .hint {
    font-size:0.7em;
    color:#FF0000;  
}

#login_form  .errors  {
    width:260px;
    margin:2px 30px 2px -155px;
}

/* accounts list page */
#account_details_wrapper {
    width:100%;
    margin-left:20px;
}

#welcome {
    color:#75BE3D;
    margin-left:20px;
    font-size:1.5em;
    font-weight:bold;
    line-height:40px;
}

#index_page_instructions {
    padding: 0px 20px 20px 20px;
}

#accounts_for_conversion_wrapper {
    margin-top:20px;
    min-height:250px;
    height:auto !important;
    height:250px;
}

#accounts_for_conversion th {
    text-align:left;
    padding:5px;
}

#accounts_for_conversion td {
    text-align:left;
    padding:10px 5px 10px 5px;
}

#accounts_for_conversion .button_orange {
    float:right;
}

#row_separator {
    width:100%;
    height:4px;
    border:none;
    color: #DDDDDD;
    background-color:#DDDDDD;
}

#account_details_next {
    float:right;
    margin:20px;
    padding:20px;
}

/* extra CSR functionlity */
#customer_search {
    position:relative;
    left:50%;
    margin-left:-170px;
    margin-top:30px;
    width:341px;
    height:198px;
    padding:10px;
    background-image:url(../images/cw/login_box.png);
    background-repeat:no-repeat;
}

#customer_search .zend_form {
    margin-top:50px;
}

#customer_search dt {
    position:absolute;
    text-align:right;
    width:130px;
    *margin-left:-130px; /* fix for IE 7 */
    margin-bottom:10px;
}

#customer_search dd {
    margin-left:140px;
    margin-bottom:10px;
}

#customer_search #search {
    border:none;
    background-color:#0C2577;
    color:#FFFFFF;
    cursor:pointer;
}

#current_offer {
    width:362px;
    float:left;
}

#new_offer {
    width:556px;
    float:left;
}

#device_in_hand_wrapper {
    float:right;
    position:relative;
    width:341px;
    height:198px;
    right:20px;
    padding:10px;
    margin-top:40px;
    margin-bottom:80px;
    background-image:url(../images/cw/login_box.png);
    background-repeat:no-repeat;
}

#device_in_hand_wrapper dt {
    position:absolute;
    text-align:left;
    font-size:0.8em;
    width:120px;
    *margin-left:-130px; /* fix for IE 7 */
    margin-bottom:10px;
}

#device_in_hand_wrapper dd {
    margin-left:130px;
    margin-bottom:10px;
}

#device_in_hand_wrapper hr {
    margin-left:0px;
    width:95%;
}

#device_in_hand_wrapper #next {
    position:absolute;
    top:220px;
    right:20px;
}

/* shipping page */
#shipping_address {
    font-size:1.5em;
    font-weight:bold;
}

#shipping_form {
    width:100%;
    padding-left:10px;
    float:left;
}

#account_name_form {
    width:100%;
    padding-left:10px;
    float:left;
}

#account_name_form dt {
    position:absolute;
    text-align:left;
    width:200px;
    *margin-left:-200px; /* fix for IE 7 */
    margin-bottom:10px;
    *margin-bottom:0px; /* fix for IE 7 */
}

#account_name_form dd {
    margin-left:210px;
    margin-bottom:10px;
}

#account_name_form #account_name {
    width:250px;
}

#account_name_form #submit {
    position:relative;
    left:480px;
    top:130px;
}


#shipping_form dt {
    position:absolute;
    text-align:left;
    width:200px;
    *margin-left:-200px; /* fix for IE 7 */
    margin-bottom:10px;
    *margin-bottom:0px; /* fix for IE 7 */
}

#shipping_form dd {
    margin-left:210px;
    margin-bottom:10px;
}

#shipping_form p {
    width:100%;
    position:relative;
    left:-210px;
    padding:10px 0px 10px 0px;
    clear:both;
    text-align:left;
}

#shipping_form .shipping_heading {
    position:relative;
    left:0;
    font-size:1.2em;
    font-weight:bold;
    margin:10px 0px 10px 0px;
    line-height:30px;
}

#shipping_form .email_heading {
    position:relative;
    left:0;
    font-size:1.2em;
    font-weight:bold;
    margin:10px 0px 10px 0px;
    line-height:30px;
    *margin-left:-200px;
}

#shipping_form #address {
    width:250px;
}

#shipping_form #address2 {
    width:50px;
}

#shipping_form #city {
    width:150px;
}

#shipping_form #zip {
    width:80px;
}

#shipping_form #email, #email_match, #confirmation_email_address {
    width:200px;
}

#shipping_form #submit {
    position:relative;
    left:480px;
    top:150px;
}

#shipping_form .hint {
    font-size:0.7em;
    color:#FF0000;  
}

#shipping_form .description {
    font-size:0.8em;
}

#suggestions label {
    color:#FF0000;
    font-weight:bold;
}

#suggestions input {
    padding:10px;
}

#suggestions #email_heading {
    font-size:1.5em;
    font-weight:bold;
    color:#000000;
    line-height:40px;
}

#contents {
    margin: 0px 0px 100px 0px;
    height:100px;
}



/* equipment page */
#equipment_next {
    float:right;
    margin:20px;
}

/* confirmation page */
#migration_header_left {
    float:left;
}

#migration_header_right {
    float:right;
    padding-right:10px;
}

#migration_header_right span {
    color:#FFFFFF;
    font-size:1em;
    text-decoration:underline;
    cursor:pointer;
}

#confirmation_page_contents {
    width:60%;
    float:left;
}

#confirmation_page_contents p {
    text-align:justify;
}

#confirmation_page_contents .item_name {
    position:absolute;
    text-align:left;
    width:250px;
    *margin-left:-130px; /* fix for IE 7 */
    margin-bottom:10px;
}

#confirmation_page_contents .item_content {
    margin-left:260px;
    margin-bottom:10px;
    font-weight:bold;
}

#confirmation_page_useful_tips {
    width:35%;
    float:right;
    text-align:justify;
    padding:0px 10px 10px 10px;
}

#convert_more_plans {
    position:relative;
    left:150px;
}

#convert_more_plans_text {
    float:left;
    margin-top:10px;
    color:#FF0000;
    font-size:large;
}

#convert_more_plans_button {
    margin-left:20px;
    float:left;
}

#take_me_to_the_internet {
    float:right;
    width:90%;
    margin-right:20px;
}

#take_me_to_the_internet_button {
    float:right;
}

/* faq page */
#faq_wrapper a {
    color:#0C2577;
}

/* drop off locations page */
#faq_wrapper, #drop_off_locations_wrapper {
    width:600px;
    margin-left:150px;
    min-height:300px;
    height:auto !important;
    height:300px;
    color:#0C2577;
}

#drop_off_locations_wrapper .row-gray {
    height:30px;
}

/* begin classes */
.link {
    color:#0C2577;
    text-decoration:underline;
    cursor:pointer;
}

.detail {
    font-weight:bold;
}

.errors {
    padding:5px;
    list-style-type: none;
    font-size:0.8em;
    color:#FF0000;
}

.h2_blue {  
    font-size:1.2em;
    font-weight:bold;
    color:#0C2577;
    line-height:40px;
}

.h2_green {
    font-size:1.1em;
    font-weight:bold;
    color:#75BE3D;
    line-height:40px;
}

.h2_black {
    font-size:1.2em;
    font-weight:bold;
    color:#000000;
    line-height:40px;
}

.button_blue_form {
    width:100px;
    height:25px;
    border:none;
    text-align:center;
    font-weight:bold;
    color:#FFFFFF;
    background-color:#0C2577;
    cursor:pointer;
}

.button_blue a {
    display:block;
    width:100px;
    height:25px;
    color:#FFFFFF;
    text-align:center;
    font-weight:bold;
    text-decoration:none;
    line-height:20px;
}

/* for form usage */
.button_green_form {
    width:203px;
    height:46px;
    background-image:url(../images/cl/buttons/green.png);
    border:none;
    text-align:center;
    font-weight:bold;
    color:#FFFFFF;
    cursor:pointer;
}

/* for inline usage */
.button_green a {
    display:block;
    width:203px;
    height:46px;
    background-image:url(../images/cl/buttons/green.png);
    color:#FFFFFF;
    text-align:center;
    font-weight:bold;
    text-decoration:none;
    line-height:46px;
}

/* for form usage */
.button_orange_form {
    width:189px;
    height:41px;
    border:none;
    background-image:url(../images/cw/buttons/orange.png);
    text-align:center;
    font-weight:bold;
    color:#FFFFFF;
    cursor:pointer;
}

/* for inline usage */
.button_orange a {
    display:block;
    width:189px;
    height:41px;
    background-image:url(../images/cw/buttons/orange.png);
    color:#FFFFFF;
    text-align:center;
    font-weight:bold;
    text-decoration:none;
    line-height:41px;
}

/* faqs */
.row-gray {
	background-color:#F1F1F1;
    padding-top:7px;
	color:#0C2577;
	font-size:0.7em;
}

.row-gray-border {
	padding-left:7px;
	border-bottom:1px solid #FFFFFF;
	}

.row-gray-feature {
	background-color:#FFFFFF;
	padding:15px;
    font-size:0.9em;
}

.footnote {
    font-size:0.8em;
    font-weight:bold;
}
/* end faqs */
/* end classes */

/* media declarations */
@media print {
    #cl_help, #cl_logout, #migration_header_right {
        display: none;
    }
} /* close @media declarations */ 

/* pagination links */
.paginationText {
	font-size: 0.7em;
    font-family:Helvetica,Arial,sans-serif;
    color: #000000;
}
.paginationLinks {
    font-size:13px;
    font-family:Helvetica,Arial,sans-serif;
    text-decoration:none;
}
/* end pagination links */