/*
*** One2Talk CSS
*** (c) Webo, 2009
*** 
***
*/



/********************************************************************************
** BASE STYLES DEFINITIONS
*/
body {
	margin: 0px;
	padding: 0px;
	background-color: #414142;
	background-image: url('/images/bg_default.jpg');
	background-attachment:fixed;
	background-position:center top;
	background-repeat: no-repeat;
	text-align: center;
	
}
body, p, td, th, div, input, a, select, textarea, table, ul, input, select {
    font: 12px Arial,Helvetica,sans-serif;
    color:#2B2525;
}

a:link {
	color: #396EAA;
}
a:visited {
	color: #396EAA;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

h1 {
    color: #316712;
    font-size: 24px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
}

h2{
    color: #126267;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
}
h3 
{
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
}

sup 
{
    font-size:40%;
}

/* zero margin on all forms */
form {
	margin: 0px;
}
input, select, textarea {
	margin: 0;
	
	border: solid 1px #999999;
}
img {
	border: none;
}


/********************************************************************************
** HELPER CLASSES
*/
/* overall page container */
#container
{
    background-image: url('/images/bg_footer.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-attachment:fixed;
	margin:0 0 0 0;
	padding: 0 0 80px 0;
}

.error {
    color: #ff0000;
    font-weight: normal;
    border: solid 2px #ff0000;
    background-color: #ffefef;
    font-size: 8px;
    padding: 1px 5px 1px 5px;
    margin-left: 5px;
}

.errortel {
    color: #ff0000;
    font-weight: normal;
    font-size: 12px;
    padding: 1px 5px 1px 5px;
    margin-left: 5px;
}


.note 
{
    color: #666666;
}
.hidden {
	visibility: hidden;
}
.none {
	display: none;
}

table.featured 
{
    border-collapse:collapse;
    border: solid 1px #999999;
}

table.featured th 
{
    background-color: #cccccc;
    font-size: 16px;
    font-weight: bold;
    border: solid 1px #999999;
    padding: 6px 6px 6px 6px;
    vertical-align: bottom;
}

table.featured td.header 
{
    background-color: #cccccc;
    font-size: 12px;
    font-weight: bold;
    border: solid 1px #999999;
    padding: 6px 6px 6px 6px;
    vertical-align: top;
    text-align: left;   
}
table.featured td 
{
    border: solid 1px #999999;
    padding: 6px 6px 6px 6px;
    font-size: 12px;
    vertical-align: top;
}


table#homepage 
{
    border-collapse:collapse;
    border:  none;

}

table#homepage p, table#homepage
{
    font-size: 14px;
    color: #333333;
}
table#homepage td#leftpane
{
    vertical-align: top;
    padding-right: 10px;

}

table#homepage td#rightpane
{
    vertical-align: top;
    padding-left: 10px;

}

table.stepbystep
{
    border-collapse:collapse;
    border: none;
}
table.stepbystep td
{
    vertical-align: top;
    padding: 10px 0px 10px 10px;
}
table.stepbystep td.stepno
{
    vertical-align: top;
    text-align: center;
    background-image: url('/images/bg_table_steps_blue.png');
    background-repeat: no-repeat;
    background-position: top center;
    width: 30px;
    min-height: 30px;
    font-size: 25px;
    font-weight: bold;
    color: #ffffff;
    padding: 0 0 0 0;
}
table.stepbystep td.largetext
{
    padding: 8px 10px 20px 10px;
    
}
table.stepbystep td.largetext, table.stepbystep td.largetext a, table.stepbystep td.largetext p, table.stepbystep td.largetext div
{
    font-size: 120%;
    font-weight: bold;
    
}
ul.tight, p.tight
{
    margin-top: 0;
    margin-bottom: 0;
}
ul.tight li
{
    padding-left: 0px;
}


/********************************************************************************
** HEADERS
*/

#header
{
    width: 930px;
}

#logo
{
    float:left;
}

#toplinks 
{
    float:right;
    background-image:url('/images/bg_toplink.png'); 
    background-repeat: no-repeat; 
    background-position: center top; 
    padding-left:17px;
    width:390px; 
    height: 52px;
}



/********************************************************************************
** MAIN TOP NAVIGATION
*/
/*begin creating the tabs */
#topnavigations
{
    clear:both;
    width:980px;
    padding-left: 3px;
    text-align:center;
}
#topnavigations ul
{
    margin:0; 
    padding:0; 
    list-style-type: none;
}
#topnavigations li 
{ 
    float:left;
    height:37px; 
    font-size:0;
    padding: 0 1px 0 0;
}
#topnavigations img 
{
    border:0; 
    margin:0; 
    padding:0; 
    display:block;
}
#topnavigations input 
{
    border:0; 
    margin:0; 
    padding:0; 
    display:block;
}

.menu {
	margin-left: 28px;
	background: url(/images/tab_bg.gif) repeat-x;
	font-size: 10px;
	font-weight: bold;
}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem td {
	color: #FFFFFF;
	height: 24px;
	background: url(/images/tab_dim.gif) no-repeat;
	width: 100px;
	text-align: center;
}
/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem td {
	background: url(/images/tab.gif) no-repeat #919191;
}
/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited, .menuPopupItem a:link, .menuPopupItem a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover {
	text-decoration: underline;
}
/* make drop down menu container style */
.menuPopup {
	background: url(/images/background_drop_menu.jpg) repeat #8C9FB4;
	border: 1px solid #666666;
	border-bottom: none;
	color: #ffffff;
}
/* make drop down menu item style */
.menuPopupItem {
	color: #ffffff;
	border-bottom: 1px solid #666666;
	padding: 3px;
}


/********************************************************************************
** LEFT NAVIGATION
*/


#level2_leftnavigation {
    width:242px;
    overflow:hidden;
    text-align:right;
    float:left;
}

#level2_leftnavigation a:link, #level2_leftnavigation a:visited {
	font-family:Arial;
	font-size:14px;
	color:#ffffff;
	text-decoration:none;

}

#level2_leftnavigation a:hover {
    color:#333333;
    text-decoration:none;
    width:218px;
    height:39px;
}

.lvl2_leftnav {
    width:242px;
    height:258px;
    background-image:url('../images/bg_leftnav.png');
    background-repeat: no-repeat;
    background-position:right top;
    padding-top: 5px;
}

.lvl2_leftnav ul {
    width:242px;
    list-style:none; 
    margin-left:10px; 
    padding:0;
}
.lvl2_leftnav li {
    width:205px;
    height:29px;
    background-image:url('../images/bg_navleft.png');
    background-position: center bottom;
    background-repeat:no-repeat;
    cursor:pointer;
    padding-top:10px;
    padding-left:13px;
    text-align:left;
}
.lvl2_leftnav li:hover {
    width:205px;
    height:29px;
    background-image:url('../images/nav_lvl2left_on.png');
    cursor:pointer;
    padding-top:10px;
    padding-left:13px;
    text-align:left;
}

li.lvl2_leftnav_on 
{
    background-image:url('../images/nav_lvl2left_on.png');
}
li.lvl2_leftnav_on .selected
{
    color: #333333;
    font-weight: bold;
}





/********************************************************************************
** HERO BOX
*/
#heroBox
{
    background-color:#ffffff;
    margin: 0 0 0 0;
    padding:3px 3px 3px 3px;
    width:974px;
    overflow: hidden;
    text-align: left;
}

#heroImage
{
	float:left;
	background-image:url(../images/bg_hero_chatbox.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width:715px;
	height: 306px;
	overflow:hidden;
}

#lvl2_heroImage
{
	float:left;
	background-image:url(../images/bg_heroseclvl_1.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:715px;
	height: 202px;
	overflow:hidden;
}

#loginBox 
{
	float:right;
    width: 258px;
}

.accountbox
{
    width: 238px;
    height: 150px;
    background-image:url(../images/bg_account.gif);
    background-repeat:no-repeat;
    background-position:top left;
    overflow:hidden;
    padding-left: 17px;
}
.accountbox td, .accountbox input
{
    font-size: 12px;
}
.accountbox_promo
{
    width: 258px;
    height: 150px;
    background-image:url(../images/bg_account.gif);
    background-repeat:no-repeat;
    background-position:top left;
    overflow:hidden;
    padding-left: 0;
}


/********************************************************************************
** PROMO BOXES
*/

#promoBox
{

}


/********************************************************************************
** PAGE CONTENTS
*/
/* make crumbs after making new nav */
#breadcrumb {
	padding-top: 4px;
	padding-left: 10px;
	background: #919191;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
}
/* can be removed if no images in breadcrumb area */
#breadcrumb img {
	border: none;
	padding-right: 3px;
	vertical-align: middle;
}
#pagecontent_top
{
    width: 930px;
    background-image: url('../images/pagecontent_top.png');
    background-position: top center;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0;
    height:39px;
	margin:0 auto;

}
#pagecontent 
{
    width: 930px;
	min-height: 100px;
    padding: 5px 20px 20px 20px;
    background-color: #d0d0d0;
	margin:0 auto;
	text-align: left;
}


#level2_pagetabs
{
    width:730px;
    overflow:hidden;
    text-align:left;
    float:right;
    margin-right:5px;
}
#level2_1Col_pagetabs
{
    width:930px;
    overflow:hidden;
    text-align:left;
    float:right;
    margin-right:5px;
}


#level2_pagetabs ul, #level2_1Col_pagetabs ul
{
    margin:0; 
    padding:0; 
    list-style-type: none;
}
#level2_pagetabs li, #level2_1Col_pagetabs li
{ 
    float:left;
    height:37px; 
    font-size:0;
    padding: 0 1px 0 0;
}
#level2_pagetabs li.hidden, #level2_1Col_pagetabs li.hidden
{
    display:none;
} 

#level2_pagetabs img , #level2_1Col_pagetabs img 
{
    border:0; 
    display:block;
}
#level2_pagecontent
{
    width:730px;
    overflow:hidden;
    text-align:left;
    float:right;
    margin-right:5px;
    min-height:450px;
}
#level2_1Col_pagecontent
{
    width:980px;
    overflow:hidden;
    text-align:left;
    min-height:450px;
}

.level2_pagecontent_area
{
    background-color: #ffffff;
    min-height:350px;
}




/********************************************************************************
** FOOTER LINKS
*/
#footer
{
    clear:both;
    width:930px;
    font-size: 70%;
    padding: 5px 25px 25px 25px;

}
#footer div#copyright 
{
    float:right;
	color:#ffffff;
}

#footer div#copyright a:link, #footer div#copyright a:hover, #footer div#copyright a:visited{
   color:#ffffff;
   text-decoration:none;
}
#footer div#byWebo 
{
    float: left;
}






/********************************************************************************
** CSS OVERRIDES
*/

/* OVERRIDE : FORUM THEME */
.header2 A:link, .header2 A:visited, .header2 A:active
{
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
}



.reporttitle{text-align:left; font-weight:bolder }
.reportcontent
{
    padding-left: 12px;
	text-align: left;
}