/* Common styles */

body
{ldelim}
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    background: url(../images/page_bg.jpg) top left repeat-x;
    text-align: center;
	color: #000000;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    line-height: 1.7;
{rdelim}

td
{ldelim}
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
{rdelim}

ul
{ldelim}
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
{rdelim}

a
{ldelim}
    font-weight: bold;
    text-decoration: none;
    color: #666666;
{rdelim}

a:hover
{ldelim}
    text-decoration: underline;
{rdelim}

img
{ldelim}
        border-style: none;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
{rdelim}

select
{ldelim}
	font-size: 11px;
{rdelim}

/* Home Page Header with Search Box */

#header_container
{ldelim}
	width: 960px;
	margin: 0px auto 0px auto;
	padding: 12px 10px 16px 10px;
    background: #FFFFFF;
	overflow: auto;
{rdelim}

#header_logo
{ldelim}
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
{rdelim}

#searchbox
{ldelim}
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
    width: 370px;
    float: right;
{rdelim}

#search
{ldelim}
    padding: 2px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height: 46px;
    color: #808080;
    font-weight: bold;
 /*   background: url(../images/searchbox_bg.jpg) top left repeat-x; */
{rdelim}

#search form
{ldelim}
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
{rdelim}

#search input
{ldelim}
    background: #ffffff;
    color: #000000;
    width: 155px;
    height: 18px;
    margin: 0px 0px 0px 10px;
    font-size: 11px;
	font-weight: normal
{rdelim}

#search .submit
{ldelim}
    margin: 0px 3px 0px 5px;
    padding: 0px 0px 0px 0px;
    width: 55px;
	height: 18px;
    color: #000;
    background: #F0ECD6;
    font-size: 10px;
    font-weight: bold;
    border: 1px outset #d7b9c9;
{rdelim}

/* Feed Search box */

#search_feed
{ldelim}
    padding: 2px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height: 46px;
    color: #808080;
    font-weight: bold;
{rdelim}

#search_feed form
{ldelim}
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
{rdelim}

#search_feed input
{ldelim}
    background: #ffffff;
    color: #000000;
    width: 85px;
    height: 18px;
    margin: 0px 0px 0px 10px;
    font-size: 11px;
    font-weight: normal
{rdelim}

#search_feed .submit
{ldelim}
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 35px;
    height: 18px;
    color: #000;
    background: #F0ECD6;
    font-size: 10px;
    font-weight: bold;
    border: 1px outset #d7b9c9;
{rdelim}

/* Main Menu Definitions */

#menu_container
{ldelim}
    width: 960px;
	height: 55px;
	margin: 0px auto 0px auto;
    padding: 0px 10px 0px 10px;
    background: #FFFFFF url(../images/main_menu_bg.gif) top left repeat-x;
{rdelim}

.main_menu
{ldelim}
    height: 55px;
	margin: 0px;
    padding: 0px;
{rdelim}

.main_menu ul
{ldelim}
    list-style: none;
    margin: 0px;
    padding: 0px;
{rdelim}

.main_menu ul li
{ldelim}
    float: left;
    margin: 0px;
    padding: 0px;
    background: transparent url(../images/main_menu_bg.jpg) top left no-repeat;
{rdelim}

.main_menu ul li a
{ldelim}
    display: block;
    height: 55px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
	cursor: pointer;
{rdelim}

.main_menu ul li a span.menu_ar
{ldelim}
    display: block;
    float: left;
    height: 55px;
    padding: 20px 29px 0px 29px;
    background: transparent url(../images/main_menu_bg.jpg) top right no-repeat;
{rdelim}

.main_menu.gray ul li a:hover,
.main_menu.gray ul li.highlight a
{ldelim}
    background: transparent url(../images/main_menu_hover.jpg) top left no-repeat;
	margin: 0px 0px 0px 0px;
{rdelim}

.main_menu.gray ul li a:hover span.menu_ar,
.main_menu.gray ul li.highlight a span.menu_ar
{ldelim}
    background: transparent url(../images/main_menu_hover.jpg) top right no-repeat;
	margin: 0px 0px 0px 0px;
{rdelim}
                                               


/* Main Body of Home Page */

#main_container
{ldelim}
    width: 978px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
/*    background: #FFFFFF url(../images/grey_fade_border_hor.jpg) top left repeat-y;*/
{rdelim}

.main_inner_container
{ldelim}
    width: 960px;
    margin: 0px 10px 0px 10px;
    padding: 0px 0px 0px 0px;
	overflow: hidden;
	background: #ffffff;
{rdelim}

.home_flash
{ldelim}
	padding: 0px 0px 0px 0px;
	margin: 15px 15px 15px 15px;
	width: 615px;
	background: #ffffff;
	float: left;
{rdelim}

.home_promo
{ldelim}
	padding: 0px 0px 0px 0px;
	margin: 15px 15px 15px 0px;
	width: 300px;
	background: #356498;
	float: left;
	height: 294px;
{rdelim}

.home_promo_head
{ldelim}
	padding: 0px 0px 0px 0px;
	margin: 16px 0px 20px 0px;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
{rdelim}

.home_promo_text
{ldelim}
	padding: 0px 0px 0px 0px;
	margin: 0px 4px 0px 14px;
	line-height: 1.4;
	text-align: left;
	width: 100px;
	float: left;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
{rdelim}

.home_promo_image
{ldelim}
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 0px 4px;
{rdelim}

.home_how
{ldelim}
    width: 960px;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
    background: #ffffff;
	overflow: hidden;
    clear: both;
{rdelim}

.home_how_box
{ldelim}
    width: 600px;
	height: 100px;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    float: left;
{rdelim}

.home_how_box_1
{ldelim}
    width: 250px;
	height: 100px;
    margin: 0px 0px 0px 10px;
    padding: 30px 0px 0px 0px;
    float: left;
{rdelim}

.home_how_head
{ldelim}
    padding: 0px 0px 0px 0px;
    margin: 2px 0px 2px 10px;
    text-align: left;
    color: #FF6100;
    font-size: 16px;
    font-weight: bold;
{rdelim}

.home_how_text
{ldelim}
    padding: 0px 0px 0px 0px;
    margin: 0px 10px 14px 10px;
	line-height: 1.5;
    text-align: left;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
	overflow: auto;
{rdelim}

.home_how_bullets
{ldelim}
    padding: 0px 0px 0px 0px;
    margin: 0px 10px 0px 10px;
{rdelim}

.home_how_bullets li
{ldelim}
    text-align: left;
    line-height: 1.5;
    background: transparent url('../images/home_bullet.gif') no-repeat;
    background-position: 2px 8px;
    display: block;
    padding-left: 18px;
    list-style-type: none;
{rdelim}

.home_how_image_1
{ldelim}
    padding: 0px 0px 0px 0px;
    margin: 12px 8px 0px 47px;
{rdelim}

.home_how_image_2
{ldelim}
    padding: 0px 0px 0px 0px;
    margin: 12px 8px 0px 4px;
{rdelim}

.home_how_image_3
{ldelim}
    padding: 0px 0px 0px 0px;
    margin: 56px 8px 0px 4px;
{rdelim}


.home_ideas
{ldelim}
    width: 945px;
    margin: 0px 15px 15px 15px;
    padding: 0px 0px 0px 0px;
    background: #ffffff;
    overflow: hidden;
	clear: both;
{rdelim}

.home_ideas_head
{ldelim}
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 15px 0px;
    text-align: left;
    color: #34669b;
    font-size: 16px;
    font-weight: bold;
	clear: both;
{rdelim}

.home_ideas_image
{ldelim}
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
	float: left;
{rdelim}

.home_ideas_text
{ldelim}
	width: 110px;
	padding: 0px 0px 0px 0px;	
	margin: 0px 15px 0px 10px;	
	text-align: left;
	float: left;
{rdelim}

.home_click
{ldelim}
	padding: 0px 0px 0px 0px;	
	margin: 10px 10px 0px 0px;	
	text-align: center;
	color: #34669b; 
{rdelim}

.home_click a
{ldelim}
	color: #34669b; 
{rdelim}

.home_click_2
{ldelim}
    padding: 0px 0px 0px 0px;
    margin: 27px 10px 0px 0px;
    text-align: center;
    color: #34669b;
{rdelim}

.home_click_2 a
{ldelim}
    color: #34669b;
{rdelim}

/* Vote and Report right side panel */

.detail_side_head
{ldelim}
	padding: 0px 0px 0px 0px;	
	margin: 10px 10px 0px 0px;	
	width: 240px;
	text-align: center;
	font-size:11px;
	font-weight: bold;
{rdelim}

.detail_side_image
{ldelim}
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
{rdelim}

/* Vote and Report left side panel */

.detail_side_head_left
{ldelim}
	padding: 0px 0px 0px 0px;	
	margin: 10px 30px 0px 30px;	
	text-align: center;
	font-size:11px;
	font-weight: bold;
{rdelim}

.detail_side_image_left
{ldelim}
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
{rdelim}

/* Footer */

#footer_container
{ldelim}
    width: 980px;
	height: 50px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF url(../images/grey_fade_border_bot.jpg) top left no-repeat;
{rdelim}

#footer
{ldelim}
    width: 960px;
    padding: 10px 0px 7px 0px;
    margin: 0px 10px 0px 10px;
    font-size: 9px;
    font-weight: normal;
    text-align: right;
    text-decoration: none;
{rdelim}

#footer a
{ldelim}
    font-weight: normal;
    text-decoration: none;
{rdelim}

#footer a:hover
{ldelim}
    text-decoration: underline;
{rdelim}

#footer_text
{ldelim}
    padding: 0px 0px 0px 0px;
    margin: 6px 0px 0px 0px;
    float: left;
	color: #666666;
    text-align: left;
    padding: 0px 0px 0px 0px;
{rdelim}

#footer image
{ldelim}
    padding: 0px 0px 0px 0px;
{rdelim}

/* Next Pages */

.left_panel
{ldelim}
	margin: 15px 15px 15px 15px;
	padding: 0px 0px 0px 0px;
	width: 225px;
	float: left;
	overflow: auto;
{rdelim}

.left_panel_blank
{ldelim}
	margin: 15px 15px 15px 15px;
	padding: 0px 0px 0px 0px;
	width: 225px;
	float: left;
	overflow: auto;
{rdelim}

.left_panel_grey
{ldelim}
	margin: 15px 15px 15px 15px;
	padding: 0px 0px 0px 0px;
	width: 225px;
	float: left;
	background: #eeeeee;
	overflow: auto;
{rdelim}

.idea_left_panel
{ldelim}
    margin: 15px 15px 15px 0px;
    padding: 0px 0px 0px 0px;
    width: 730px;
    float: left;
    overflow: auto;
{rdelim}

.idea_right_panel
{ldelim}
	margin: 15px 15px 15px 15px;
	padding: 0px 0px 0px 0px;
	width: 180px;
	background: #eeeeee;
	float:left;
{rdelim}

.right_panel
{ldelim}
	margin: 15px 15px 15px 0px;
	padding: 0px 0px 0px 0px;
	width: 690px;
	background: #ffffff;
	float:left;
{rdelim}

.left_panel_subscriber
{ldelim}
    margin: 15px 15px 15px 15px;
    padding: 0px 0px 0px 0px;
    width: 160px;
    float: left;
    overflow: auto;
{rdelim}

.right_panel_subscriber
{ldelim}
    margin: 15px 15px 15px 0px;
    padding: 0px 0px 0px 0px;
    width: 745px;
    float:left;
{rdelim}


.left_panel_image
{ldelim}
    padding: 0px 0px 0px 0px;
    margin: 15px 0px 0px 0px;
{rdelim}

.vertical_menu
{ldelim}
	margin: 0px 0px 15px 0px;
	padding: 18px 0px 10px 0px;
	text-align: left;
	background: #356498;
{rdelim}

.vertical_menu ul
{ldelim}
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 20px;
{rdelim}

.vertical_menu ul li a
{ldelim}
    text-align: left;
    line-height: 1.5;
    background: transparent url('../images/menu_bullet.gif') no-repeat;
    background-position: 0px 6px;
    display: block;
    text-align: justify;
	font-size: 13px;
	font-weight:normal;
	height: 30px;
    color: #FFFFFF;
    padding-left: 18px;
    list-style-type: none;
{rdelim}

.vertical_menu li.highlight a
{ldelim}
    background: transparent url('../images/menu_bullet_highlighted.gif') no-repeat;
    background-position: 0px 6px;
	color: #fd6500;
	font-weight:bold;
{rdelim}



/* Main Body Pages */

.mb_head
{ldelim}
    font-size: 14px;
    font-weight: bold;
    padding: 7px 0px 3px 0px;
    color: #2060a0;
    text-align: left;
{rdelim}

.mb_sub_head
{ldelim}
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0px 10px 0px;
    color: #777777;
    text-align: left;
{rdelim}

.mb_head_2
{ldelim}
    font-size: 12px;
    font-weight: bold;
    padding: 7px 0px 3px 0px;
    color: #2060a0;
    text-align: left;
{rdelim}

.mb_head_orange
{ldelim}
    font-size: 14px;
    font-weight: bold;
    padding: 7px 0px 3px 0px;
    color: #fd6500;
    text-align: left;
{rdelim}

.mb_example3
{ldelim}
    width: 960px;
    margin: 0px 10px 0px 190px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    background: #ffffff;
{rdelim}

.mb_text
{ldelim}
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: justify;
{rdelim}

.mb_text_float
{ldelim}
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: justify;
	width:500px;
	float:left;
{rdelim}

.mb_text_float_2
{ldelim}
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: justify;
	width:350px;
	float:left;
{rdelim}

.mb_image
{ldelim}
    float: left;
    padding: 10px 15px 10px 0px;
{rdelim}

.mb_image_float
{ldelim}
    float: left;
	padding: 0px 0px 0px 0px;
{rdelim}

.mb_image_pub_exam
{ldelim}
	text-align: left;
    padding: 10px 15px 10px 0px;
{rdelim}

.mb_image_center
{ldelim}
    padding: 10px 15px 20px 0px;
{rdelim}


.mb_aboutus_image
{ldelim}
    float: left;
    padding: 5px 15px 10px 40px;
{rdelim}

.mb_bullets
{ldelim}
    font-size: 12px;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 14px 0px;
{rdelim}

.mb_bullets li
{ldelim}
    text-align: left;
    line-height: 1.5;
    background: transparent url('../images/home_bullet.gif') no-repeat;
    background-position: 2px 7px;
    display: block;
    text-align: justify;
    padding-left: 18px;
    list-style-type: none;
{rdelim}

.mb_bullets_2
{ldelim}
    font-size: 12px;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
{rdelim}

.mb_bullets_2 li
{ldelim}
    text-align: left;
    line-height: 1.5;
    background: transparent url('../images/home_bullet.gif') no-repeat;
    background-position: 2px 7px;
    display: block;
    text-align: justify;
    padding-left: 18px;
    list-style-type: none;
{rdelim}

.mb_bullets_3
{ldelim}
    font-size: 12px;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 18px;
{rdelim}

.mb_bullets_3 li
{ldelim}
    text-align: left;
    line-height: 1.5;
    background: transparent url('../images/home_bullet.gif') no-repeat;
    background-position: 2px 7px;
    display: block;
    text-align: justify;
    padding-left: 18px;
    list-style-type: none;
{rdelim}



.mb_example_box
{ldelim}
	width: 323px;
    text-align: left;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 50px;
	overflow: auto;
{rdelim}

.mb_example_1
{ldelim}
    padding: 0px 20px 0px 0px;
    float: left
{rdelim}

.mb_example_2
{ldelim}
    padding: 15px 20px 0px 0px;
    float: left
{rdelim}

.mb_example_3
{ldelim}
    padding: 30px 10px 0px 0px;
    float: left
{rdelim}

.mb_link
{ldelim}
    padding: 0px 0px 0px 0px;
    line-height: 1.2;
    font-size: 11px;
    text-align: left;
{rdelim}

.mb_error
{ldelim}
    font-size: 12px;
    font-weight: bold;
    padding: 7px 7px 3px 125px;
    color: #fe6500;
    text-align: left;
{rdelim}

.mb_clear
{ldelim}
	clear: both;
{rdelim}

.mb_left
{ldelim}
    text-align: justify;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    line-height: 1.4;
    width: 300px;
    float: left;
    vertical-align: top;
{rdelim}

.mb_right
{ldelim}
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    text-align: left;
    line-height: 1.4;
    width: 300px;
    float: left;
{rdelim}

.account_left
{ldelim}
    text-align: justify;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
    line-height: 1.4;
    width: 565px;
    float: left;
    vertical-align: top;
{rdelim}

.account_right
{ldelim}
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    text-align: left;
    line-height: 1.4;
    width: 190;
    float: left;
{rdelim}







/* Home Page */

.home_container_home
{ldelim}
	width: 925px;
    padding: 10px 0px 25px 0px;
    background: transparent url(../images/home_grey_border.jpg) bottom left repeat-x;
    text-align: left;
{rdelim}

.home_container
{ldelim}
	width: 925px;
    padding: 0px 0px 0px 0px;
    margin: 10px 20px 0px 20px;
	background: #FFFFFF;
    text-align: left;
{rdelim}

.home_share
{ldelim}
	width: 592px;
	height: 296px;
	text-align: left;
	background: #FFFFFF url(../images/share_your_knowledge_background.jpg) top left;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 17px 0px 0px;
{rdelim}

.home_examples
{ldelim}
	width: 313px;
	height: 296px;
	text-align: left;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
{rdelim}

.home_why1
{ldelim}
	width: 452px;
	height: 404px;
	text-align: left;
	background: #FFFFFF url(../images/why_its_good_background.jpg) top left;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 15px 21px 0px 0px;
{rdelim}

.home_why2
{ldelim}
	width: 452px;
	height: 404px;
	text-align: left;
	background: #FFFFFF url(../images/why_its_good_background.jpg) top left;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
{rdelim}

.home_h1
{ldelim}
	padding: 8px 10px 0px 20px;
	font-size: 24px;
	line-height: 1.2;
	font-weight: normal;
	color: #ff6600;
{rdelim}

.home_h2
{ldelim}
	padding: 17px 10px 0px 40px;
	font-size: 20px;
	line-height: 1.2;
	font-weight: normal;
	color: #ffffff;
{rdelim}

.home_h3
{ldelim}
	margin: 20px 20px 20px 20px;
	padding: 10px 10px 10px 10px;
	font-size: 14px;
	line-height: 1.0;
	font-weight: normal;
	background: #2070c0; 
	color: #ffffff;
{rdelim}


.home_t1
{ldelim}
	padding: 10px 10px 0px 20px;
	font-size: 12px;
	line-height: 1.2;
	font-weight: normal;
	color: #000000;
{rdelim}

.home_t2
{ldelim}
	padding: 10px 10px 10px 20px;
	font-size: 12px;
	line-height: 1.2;
	font-weight: bold;
	color: #2070c0;
{rdelim}

.home_t3
{ldelim}
	padding: 0px 0px 0px 0px;
    float:left;
    line-height: 1.2;
    font-size: 11px;
    text-align: left;
{rdelim}

.home_t4
{ldelim}
	padding: 2px 0px 0px 38px;
    float:left;
    line-height: 1.2;
    font-size: 13px;
    text-align: left;
	font-weight: bold;
	color: #2070c0;
{rdelim}

.home_t4 a
{ldelim}
    text-decoration: none;
    font-weight: bold;
    color: #2070c0;
{rdelim}

.home_t4 a:hover
{ldelim}
    text-decoration: underline;
{rdelim}

.home_bullets
{ldelim}
    padding: 0px 0px 0px 0px;
{rdelim}

.home_t5
{ldelim}
    padding: 92px 0px 0px 38px;
    float:left;
    line-height: 1.2;
    font-size: 15px;
    text-align: left;
    font-weight: bold;
    color: #ffffff;
{rdelim}

.home_t5 a
{ldelim}
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
{rdelim}

.home_t5 a:hover
{ldelim}
    text-decoration: underline;
{rdelim}

.home_t6
{ldelim}
    padding: 33px 0px 0px 38px;
    float:left;
    line-height: 1.2;
    font-size: 15px;
    text-align: left;
    font-weight: bold;
    color: #ffffff;
{rdelim}

.home_t6 a
{ldelim}
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
{rdelim}

.home_t6 a:hover
{ldelim}
    text-decoration: underline;
{rdelim}


.home_bullets
{ldelim}
    padding: 0px 0px 0px 0px;
{rdelim}

.home_i1
{ldelim}
	padding: 0px 10px 0px 20px;
	float: left
{rdelim}

.home_i2
{ldelim}
	padding: 25px 10px 0px 0px;
	float: left
{rdelim}

.home_i3
{ldelim}
	padding: 50px 10px 0px 0px;
	float: left
{rdelim}


.home_b1
{ldelim}
    padding: 0px 0px 0px 20px;
{rdelim}

.home_b1 li
{ldelim}
    text-align: left;
    line-height: 1.4;
    background: transparent url('../images/home_bullet.gif') no-repeat;
    background-position: 2px 8px;
    display: block;
    padding-left: 18px;
	color: #2070c0;
    list-style-type: none;
{rdelim}

.home_b2
{ldelim}
    padding: 25px 10px 0px 20px;
{rdelim}

.home_b2 li
{ldelim}
    text-align: left;
    line-height: 1.4;
    background: transparent url('../images/home_bullet.gif') no-repeat;
    background-position: 2px 8px;
    display: block;
    padding-left: 18px;
	padding-bottom: 8px;
    color: #000000;
    list-style-type: none;
{rdelim}



.home_head
{ldelim}
	padding: 0px 0px 10px 0px;
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
	color: #336699;
{rdelim}

.home_text
{ldelim}
	font-size: 12px;
	font-weight: normal;
	padding: 0px 0px 8px 0px;
{rdelim}

.home_heading
{ldelim}
	font-size: 18px;
	font-weight: bold;
	color: #2060a0;
	text-align: center;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
{rdelim}

.home_text_more
{ldelim}
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #fd6500;
	padding: 10px 20px 8px 17px;
{rdelim}

.home_text_more a
{ldelim}
	text-decoration: none;
	font-weight: bold;
	color: #fd6500;
{rdelim}

.home_text_more a:hover
{ldelim}
	text-decoration: underline;
{rdelim}

.home_bullets
{ldelim}
    padding: 0px 0px 0px 0px;
{rdelim}

.home_bullets li
{ldelim}
    text-align: left;
    line-height: 1.5;
    background: transparent url('../images/home_bullet.gif') no-repeat;
    background-position: 2px 8px;
    display: block;
    padding-left: 18px;
    list-style-type: none;
{rdelim}

.home_blue_box
{ldelim}
	padding: 10px 10px 10px 20px;
	margin: 10px 10px 0px 20px;
	text-align: center;
    line-height: 1.2;
	height: 36px;
	width: 432px;
	background: #2060a0;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	float: left;
{rdelim}

.home_blue_box a
{ldelim}
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
{rdelim}

.home_blue_box a:hover
{ldelim}
    text-decoration: underline;
{rdelim}

.home_orange_box
{ldelim}
	padding: 10px 10px 10px 20px;
	margin: 10px 20px 0px 10px;
	text-align: center;
    line-height: 1.2;
	height: 36px;
	width: 432px;
	background: #fd6500;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	float: left;
{rdelim}

.home_orange_box a
{ldelim}
    font-weight: bold;
    text-decoration: none;
	color: #FFFFFF;
{rdelim}

.home_orange_box a:hover
{ldelim}
    text-decoration: underline;
{rdelim}

.home_graph_container
{ldelim}
    width: 925px;
	background: #FFFFFF url(../images/home_side_gray_2.gif) top left repeat-x;
    padding: 0px 0px 0px 0px;
    text-align: left;
{rdelim}

.home_graph
{ldelim}
    width: 290px;
    height: 200px;
    text-align: left;
    background: #FFFFFF url(../images/home_side_gray_2.gif) top left repeat-x;
    float: left;
    padding: 10px 0px 10px 0px;
    margin: 0px 10px 0px 0px;
{rdelim}


.home_graph_thumbs
{ldelim}
    width: 320px;
	height: 180px;
	background: #FFFFFF url(../images/home_thumb_bg.gif) top left repeat-x;
	margin: 10px 0px 0px 1px;
    padding: 0px 0px 0px 8px;
	font-size:13px;
	font-weight: bold;
    text-align: center;
{rdelim}

.home_graph_thumbs_img
{ldelim}
	float: left;
	padding: 12px 8px 0px 8px;
{rdelim}

.home_graph_thumbs_text
{ldelim}
	float: left;
	width: 102px;
	line-height: 1.2;
	font-size: 9px;
	text-align: center;
	padding: 5px 16px 0px 12px;
{rdelim}

.home_graph_text
{ldelim}
    width: 925px;
	font-weight: normal;
    padding: 0px 10px 8px 20px;
    text-align: left;
{rdelim}

/* Content Page A */

#page_a_container
{ldelim}
    width: 925px;
    padding: 10px 0px 0px 0px;
    background: #FFFFFF url(../images/home_side_gray.gif) bottom left repeat-x;
    text-align: left;
{rdelim}

.page_a_middle
{ldelim}
    width: 575;
    padding: 0px 10px 20px 15px;
	background: #FFFFFF;
    text-align: left;
	float: left;
{rdelim}

.page_a_wide
{ldelim}
    width: 742;
    padding: 0px 10px 20px 15px;
	background: #FFFFFF;
    text-align: left;
	float: left;
{rdelim}

.page_a_right
{ldelim}
    width: 172px;
    padding: 0px 0px 0px 0px;
	background: #FFFFFF;
    text-align: left;
{rdelim}

.page_a_right_panel
{ldelim}
    width: 172px;
	font-size: 10px;
	font-weight: bold;
	height: 600px;
    background: transparent url(../images/right_bg.gif) top left repeat-x;
    padding: 0px 0px 15px 10px;
	margin: 0px 0px 0px 0px;
    text-align: center;
{rdelim}

.page_a_head
{ldelim}
    font-size: 14px;
    font-weight: bold;
	padding: 7px 0px 3px 0px;
    color: #2060a0;
	text-align: left;
{rdelim}

.page_a_head2
{ldelim}
    font-size: 20px;
    font-weight: bold;
    padding: 2px 0px 9px 0px;
    color: #fd6500;
    text-align: left;
{rdelim}

.page_a_head_orange
{ldelim}
    font-size: 17px;
    font-weight: bold;
	line-height: 1.2;
	padding: 7px 0px 3px 0px;
    color: #fd6500;
	text-align: left;
{rdelim}

.page_a_head_right
{ldelim}
    font-size: 14px;
    font-weight: bold;
	padding: 7px 0px 3px 0px;
    color: #2060a0;
	text-align: center;
{rdelim}

.page_a_error
{ldelim}
    font-size: 12px;
    font-weight: bold;
	padding: 7px 7px 3px 125px;
    color: #fe6500;
	text-align: left;
{rdelim}

.page_a_image
{ldelim}
	float: left;
	padding: 0px 15px 25px 0px;
{rdelim}


.page_a_text
{ldelim}
    font-size: 12px;
    font-weight: normal;
	color: #000000;
	text-align: justify;
{rdelim}

.page_a_text2
{ldelim}
    font-size: 12px;
    font-weight: normal;
	margin-bottom: 10px;
	color: #000000;
	text-align: justify;
{rdelim}


.page_a_text_small
{ldelim}
    font-size: 11px;
    font-weight: normal;
	text-align: justify;
{rdelim}

.page_a_bullets
{ldelim}
    font-size: 12px;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 14px 0px;
{rdelim}

.page_a_bullets li
{ldelim}
    text-align: left;
    line-height: 1.5;
    background: transparent url('../images/home_bullet.gif') no-repeat;
    background-position: 2px 7px;
    display: block;
	text-align: justify;
    padding-left: 18px;
    list-style-type: none;
{rdelim}

.page_a_free
{ldelim}
	margin: 4px 0px 10px 0px;
	padding: 6px 6px 6px 6px;
	text-align: center;
	height: 50px;
	width: 172px;
	background: #2060a0;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
{rdelim}

.page_a_free a
{ldelim}
	font-size: 14px;
	color: #FFFFFF;
{rdelim}

.page_a_try
{ldelim}
    margin: 0px 0px 10px 0px;
    padding: 6px 6px 6px 6px;
    text-align: center;
    height: 50px;
    width: 172px;
	background: #fd6500;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
{rdelim}

.page_a_try a
{ldelim}
    font-size: 14px;
    color: #FFFFFF;
{rdelim}



.page_a_alpha
{ldelim}
    padding: 7px 0px 0px 0px;
{rdelim}

.page_a_alpha ol
{ldelim}
    list-style-type: lower-alpha;
{rdelim}

.page_a_alpha li
{ldelim}
    text-align: justify;
    line-height: 1.5;
    display: block;
    padding-left: 10px;
{rdelim}


/* Pricing Table */

table#pricing
{ldelim}
    margin: 8px 0px 10px 0px;
    background-color:#FFFFFF;
    border: solid #cccccc 1px;
    width: 543px;
{rdelim}

table#pricing td
{ldelim}
    font-size: 11px;
    padding: 10px 5px 10px 5px;
    text-align: center;
    border: solid #cccccc 1px;
{rdelim}

table#pricing td.bold
{ldelim}
	color: #ff6600;
	font-size: 12px;
	font-weight: bold;
{rdelim}

table#pricing th
{ldelim}
    font-size: 11px;
    font-weight: bold;
    border: solid #cccccc 1px;
    padding: 5px;
    text-align: center;
{rdelim}

/* Registration Form */

#register_form
{ldelim}
    padding: 20px 20px 10px 20px;
    margin: 10px 0px 10px 0px;
    width: 540px;
    background: #f0f0f0;
	overflow: auto;
{rdelim}

#register_form form
{ldelim}
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
{rdelim}

#register_form label
{ldelim}
    float: left;
    width: 120px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
{rdelim}

#register_form input
{ldelim}
    color: #001f58;
    height: 18px;
	font-size: 11px;
{rdelim}

#register_radio
{ldelim}
    padding: 20px 20px 20px 20px;
    color: #001f58;
    background: #e0e0e0;
    width: 474px;
    height: 16px;
{rdelim}

#register_radio label
{ldelim}
    color: #001f58;
    width: 220px;
    height: 16px;
{rdelim}

#register_radio input
{ldelim}
    color: #001f58;
    background: #e0e0e0;
    width: 20px;
    height: 16px;
{rdelim}

.register_sub
{ldelim}
    padding: 20px 20px 20px 20px;
    color: #001f58;
    background: #e0e0e0;
    width: 499px;
	overflow: auto;
{rdelim}

.register_sub label
{ldelim}
    color: #001f58;
    width: 220px;
    height: 12px;
{rdelim}

.register_sub input
{ldelim}
    color: #001f58;
    width: 327px;
    height: 18px;
{rdelim}

.buttonclass
{ldelim}
    padding: 0px 0px 0px 0px;
    width: 40px;
    color: #000;
    background: #F0ECD6;
    font-size: 10px;
    font-weight: bold;
    border: 1px outset #d7b9c9
{rdelim}

#register_form .submit
{ldelim}
    margin: 10px 0px 8px 400px;
    padding: 0px 0px 0px 0px;
    color: #000;
    width: 100px;
    background: #F0ECD6;
    font-size: 10px;
    font-weight: bold;
    border: 1px outset #d7b9c9
{rdelim}

#reglinks_form2 .submit
{ldelim}
    margin: 10px 0px 8px 530px;
    padding: 0px 0px 0px 0px;
    color: #000;
    width: 100px;
    background: #F0ECD6;
    font-size: 10px;
    font-weight: bold;
    border: 1px outset #d7b9c9;
	overflow: auto;
{rdelim}


.register_copy
{ldelim}
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color:#001f58;
    font-size:11px;
    font-weight: normal;
	text-align: justify;
{rdelim}

/* Form error messages */

div.baloon
{ldelim}
   font-size: 11px;
   color: #900;
   position: absolute;
   padding-left: 5px;
   background: url('../images/baloon.gif') no-repeat top left;
   z-index: 1;
{rdelim}

div.baloon a
{ldelim}
   color: blue;
   text-decoration: none;
   padding: 2px;
   margin-right: 2px;
{rdelim}

div.baloon a:hover
{ldelim}
   background-color: #EEEEFF;
{rdelim}

div.baloon div
{ldelim}
   background: url('../images/baloon_right.gif') no-repeat top right;
   padding: 7px 7px 14px 0;
   white-space: nowrap;
{rdelim}

.required
{ldelim}
    background-image: url('../images/required.gif');
    background-position: right;
    background-repeat: no-repeat;
{rdelim}

/* Account Service Links */

.reglinks_container
{ldelim}
    width: 742px;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    background-color: #ffffff;
    float: left;
{rdelim}

#reglinks_form
{ldelim}
    padding: 20px 20px 10px 20px;
    margin: 10px 0px 10px 0px;
    width: 719px;
    background: #f0f0f0;
	overflow: auto;
{rdelim}

#reglinks_form1
{ldelim}
    padding: 20px 20px 10px 20px;
    margin: 10px 0px 10px 0px;
    width: 719px;
    background: #f0f0f0;
	overflow: auto;
{rdelim}

#reglinks_form2
{ldelim}
    padding: 20px 20px 10px 20px;
    margin: 10px 0px 10px 0px;
    width: 719px;
    background: #f0f0f0;
	overflow: auto;
{rdelim}

#reglinks_form form
{ldelim}
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
{rdelim}

#reglinks_form label
{ldelim}
    float: left;
    width: 120px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
{rdelim}

table#adverts
{ldelim}
        margin: 10px 0px 0px 0px;
    background-color:#FFFFFF;
    border: solid #cccccc 1px;
    width: 645px;
{rdelim}

table#adverts td
{ldelim}
    font-size: 11px;
    padding: 5px;
    border: solid #cccccc 1px;
{rdelim}

table#adverts td.center
{ldelim}
    text-align: center;
{rdelim}

table#adverts th
{ldelim}
    font-size: 11px;
    font-weight: bold;
    border: solid #cccccc 1px;
    padding: 5px;
    text-align: left;
{rdelim}

table#adverts th.center
{ldelim}
    text-align: center;
{rdelim}

#reglinks_form input
{ldelim}
    color: #001f58;
    width: 200px;
    height: 18px;
{rdelim}

#reglinks_form .submit
{ldelim}
    margin: 0px 0px 12px 352px;
    padding: 0px 0px 0px 0px;
    color: #000;
    width: 70px;
    background: #F0ECD6;
    font-size: 10px;
    font-weight: bold;
    border: 1px outset #d7b9c9
{rdelim}

.reglinks_sub
{ldelim}
    padding: 10px 20px 10px 20px;
    color: #001f58;
    background: #e0e0e0;
    width: 679px;
	overflow: hidden;
{rdelim}

#charsleft input
{ldelim}
    color: #001f58;
    background: #e0e0e0;
    width: 26px;
    height: 18px;
{rdelim}

#charsleft2 input
{ldelim}
    margin: 0px 0px 0px 124px;
    color: #001f58;
    background: #e0e0e0;
    width: 26px;
    height: 18px;
{rdelim}

#charsleft3
{ldelim}
        margin: 0px 0px 0px 124px;
    color: #001f58;
{rdelim}


.reglinks_bullets
{ldelim}
    padding: 7px 5px 0px 0px;
{rdelim}

.reglinks_bullets li
{ldelim}
    text-align: justify;
    line-height: 1.5;
    background: transparent url('../images/home_bullet.gif') no-repeat;
    background-position: 0px 7px;
    display: block;
    padding-left: 18px;
    list-style-type: none;
{rdelim}

.reglinks_copy
{ldelim}
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color:#001f58;
    font-size:11px;
    font-weight: normal;
	text-align: justify;
{rdelim}

table#links
{ldelim}
    margin: 20px;
    background-color:#FFFFFF;
    border: solid #cccccc 1px;
    width: 500px;
{rdelim}

table#links td
{ldelim}
    font-size: 11px;
    padding: 5px;
    border: solid #cccccc 1px;
{rdelim}

table#links td.right
{ldelim}
    text-align: right;
{rdelim}

table#links th
{ldelim}
    font-size: 11px;
    font-weight: bold;
    border: solid #cccccc 1px;
    padding: 5px;
    text-align: left;
{rdelim}

table#links th.right
{ldelim}
    text-align: right;
{rdelim}

/* Usage Report Table */

table#usage
{ldelim}
    margin: 10px 0px 10px 0px;
    background-color:#FFFFFF;
    border: solid #cccccc 1px;
    width: 643px;
{rdelim}

table#usage td
{ldelim}
    font-size: 11px;
    padding: 5px;
    border: solid #cccccc 1px;
{rdelim}

table#usage td.right
{ldelim}
    text-align: right;
{rdelim}

table#usage td.center
{ldelim}
    text-align: center;
{rdelim}

table#usage th
{ldelim}
    font-size: 11px;
    font-weight: bold;
    border: solid #cccccc 1px;
    padding: 5px;
    text-align: left;
{rdelim}

table#usage th.right
{ldelim}
    text-align: right;
{rdelim}

table#usage th.center
{ldelim}
    text-align: center;
{rdelim}

/* Newsletter Demographics Table */

table#newsletters
{ldelim}
    margin: 10px 0px 10px 70px;
    background-color:#FFFFFF;
    border: solid #cccccc 1px;
    width: 545px;
{rdelim}

table#newsletters td
{ldelim}
    font-size: 11px;
    padding: 5px;
    border: solid #cccccc 1px;
{rdelim}

table#newsletters td.right
{ldelim}
    text-align: right;
{rdelim}

table#newsletters td.center
{ldelim}
    text-align: center;
{rdelim}

table#newsletters th
{ldelim}
    font-size: 11px;
    font-weight: bold;
    border: solid #cccccc 1px;
    padding: 5px;
    text-align: left;
{rdelim}

table#newsletters th.right
{ldelim}
    text-align: right;
{rdelim}

table#newsletters th.center
{ldelim}
    text-align: center;
{rdelim}


.b_middle_left
{ldelim}
    text-align: justify;
    line-height: 1.4;
    width: 250px;
    float: left;
    vertical-align: top;
{rdelim}

.b_middle_right
{ldelim}
    text-align: left;
    line-height: 1.4;
    width: 250px;
    float: right;
{rdelim}

TD.FormCaption
{ldelim}
    background-color: #DDDDDD;
    padding-left:10px;
    padding-right:10px;
    font-weight:bold;
    font-size:11px;
    border-right:1px #EBEBE9 solid;
{rdelim}
.FormError
{ldelim}
    background-color: #DDDDDD;
    color:#FF0000;
    padding: 5px 10px 0px 10px;
    font-weight:bold;
    font-size:11px;
{rdelim}
.FormError2
{ldelim}
    background-color: #FFFFFF;
    color: #FF0000;
    padding: 0px 10px 0px 10px;
    margin: 0px 10px 20px 10px;
    font-weight:bold;
    font-size:11px;
{rdelim}
TD.FormValue
{ldelim}
    background-color: #DDDDDD;
    font-size:16px;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
{rdelim}
TD.FormValue INPUT, TD.FormValue SELECT
{ldelim}
    border: 1px #EBEBE9 solid;
    background-color: #F7F8F3;
    font-family: Tahoma, Verdana, Helvetica;
    font-size: 11px;
{rdelim}
TD.FormComment
{ldelim}
    padding-left: 25px;
    padding-top: 25px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 11px;
{rdelim}
TD.FormExplain
{ldelim}
        border: 1px solid #DDDDDD;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
{rdelim}
TD.FormButton
{ldelim}
    padding: 30px;
    padding-bottom:0;
    padding-top:5;
    text-align:center;
{rdelim}

TD.fancy
{ldelim}
    padding: 7px;
    padding-left:0px;
    padding-right:0px;
{rdelim}
A.fancy, A.fancy:hover
{ldelim}
    padding: 2px;
    padding-left:6px;
    padding-right:6px;
    background-color:#FFFFFF;
    border:1px #EBEBE9 solid;
    color:#404040;
    font-weight:bold;
{rdelim}
A.fancy2, A.fancy2:hover
{ldelim}
    padding: 2px;
    padding-left: 6px;
    padding-right: 6px;
    background-color: #FFFFFF;
    border-left: 1px #8CA4DC solid;
    border-right: 1px #8CA4DC solid;
    color: #14388B;
    font-weight: bold;
{rdelim}
A.fancy:hover
{ldelim}
    background-color: #EBEBE9;
{rdelim}
.right_ad
{ldelim}
    text-align: center;
    padding: 0px 5px 5px 8px;
{rdelim}