/* 
    Document   : prepaid
    Created on : Sep 3, 2009, 5:57:42 AM
    Author     : Priyantha
    Description:
        Purpose of the stylesheet follows.
*/ /* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
root {
	display: block;
}

.maincol_full {
	padding: 10px !important;
	width: 750px !important;
}

.clear {
	clear: both;
	float: none;
	display: block;
}

.hidden{
	display: none;
}

#logo_wrapper_2 {
	margin-left: 40px;
	margin-top: 30px;
}

/* Nevigation Styling*/
#menu_left {
	width: 7px;
	height: 25px;
	background: url('../images/menu_bg_l.gif') top left no-repeat;
	float: left;
}

#menu_content_wrapper {
	height: 25px;
	background: url('../images/menu_bg_middle.gif') 0 0 repeat-x;
	float: left;
}

#menu_right {
	width: 6px;
	height: 25px;
	background: url('../images/menu_bg_r.gif') top right no-repeat;
	float: left;
}

#main_navarea_wrapper {
	width: 740px;
	height: 48px;
	padding-top: 2px;
	padding-left: 30px;
}

ul#menu_list_items {
	height: 25px;
	padding-left: 20px;
}

ul#menu_list_items li {
	float: left;
}

ul#menu_list_items li.home a {
	background: url('../images/menu_home.gif') top left no-repeat;
	display: block;
	width: 67px;
	height: 23px;
	text-decoration: none;
	margin-top: 2px;
}

ul#menu_list_items li.compare a {
	background: url('../images/menu_compare.gif') top left no-repeat;
	display: block;
	width: 69px;
	height: 23px;
	text-decoration: none;
	margin-top: 2px;
}

ul#menu_list_items li.faq a {
	background: url('../images/menu_faq.gif') top left no-repeat;
	display: block;
	width: 52px;
	height: 23px;
	text-decoration: none;
	margin-top: 2px;
}

ul#menu_list_items li.customer_love a {
	background: url('../images/menu_customer_love.gif') top left no-repeat;
	display: block;
	width: 101px;
	height: 23px;
	text-decoration: none;
	margin-top: 2px;
}

ul#menu_list_items li.contact_us a {
	background: url('../images/menu_contact_us.gif') top left no-repeat;
	display: block;
	width: 80px;
	height: 23px;
	text-decoration: none;
	margin-top: 2px;
}

/* bage color form styling*/
.bage_form_wrapper {
}

.bage_form_wrapper .bage_form_top {
	background: url('../images/bage_form_bg_top.jpg') top left no-repeat;
	width: 507px;
	height: 9px;
	background-color: #f9f2ed;
}

.bage_form_wrapper .bage_form_bot {
	background: url('../images/bage_form_bg_bot.jpg') top left no-repeat;
	width: 507px;
	height: 9px;
}

.bage_form_wrapper .bage_form_content_wrapper {
	background-color: #f9f2ed;
	width: 465px;
	padding: 20px;
	border-left: #269dd1 1px solid;
	border-right: #269dd1 1px solid;
}

/* pink form styling*/
.pink_form_wrapper {
	/*
	padding-left: 50px;
	padding-top: 20px;
	*/
}

.pink_form_wrapper .pink_form_top {
	background: url('../images/pink_form_bg_top.jpg') top left no-repeat;
	width: 510px;
	height: 17px;
	background-color: #f9f2ed;
}

.pink_form_wrapper .pink_form_bot {
	background: url('../images/pink_form_bg_bot.jpg') top left no-repeat;
	width: 510px;
	height: 17px;
}

.pink_form_wrapper .pink_form_content_wrapper {
	background: #f9eded url('../images/pink_form_bg_body.jpg') top left
		repeat-y;
	width: 490px;
	padding: 10px;
}

.pink_form_wrapper a {
	text-decoration: none;
	font-style: italic;
	color: #646247;
}

.pink_form_wrapper a:hover {
	color: black;
}

.single_col,.two_col,.three_col {
	float: left;
	width: 100%;
}

#validationSummery{
	padding-left:10px;
	
	
	}

.pink_form_help_wrapper {
	border: #269ed2 2px solid;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.bage_box_wrapper {
	background-color: #faf3ed;
	border: #269ed2 1px solid;
	width: 455px;
	padding: 20px 10px;
}

.bage_box_wrapper h2 {
	font-size: 16px;
	font-weight: bold;
	color: #ba3e94;
}

.bage_box_wrapper ul {
	margin-left: 30px;
}

.bage_box_wrapper ul li {
	list-style-image: url(../images/bullet_blue.gif);
	list-style-position: outside;
	margin-bottom: 5px;
}

.bage_box_wrapper ol li {
	list-style-type: decimal;
	margin-left: 30px;
}

/*POPup styling*/
.popup_msg {
	position: absolute;
	z-index: 999;
	width: 300px;
	height: 200px;
	overflow: auto;
	text-align: center;
	border: #66B3D3 2px solid;
	background-color: #FDF5EC;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	display: none;
	padding: 5px;
}

.div_close_wrapper{
	border-bottom: #66B3D3 1px solid;
	padding-bottom: 5px;
	height: 14px;
}
.div_close {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	padding: 1px 0 2px 18px;
	background: url(../images/action_stop.gif) 0 0 no-repeat;
	margin-bottom: 6px;
	float: right;
}

.info_icon {
	background: transparent url(../images/information.gif) no-repeat scroll left top;
	height: 17px;
	text-decoration: none;
	width: 17px;
}

/* Page heading styling */
.page_heading_wrapper{
	color: #2b9cd1 !important;
	font-size: 20px !important;
	margin-top: 40px !important;
	text-transform: uppercase;
}

.page_heading_wrapper span{
	padding-left: 20px;
	font-style: italic;
	font-size: 16px;
	text-transform: none;
}