/* general style */
.wrapper{width:1000px}

.left_page{
vertical-align:top;
width:240px
}

.mid_page{
width:490px;vertical-align:top
}

.right_page{
width:250px;vertical-align:top
}

.iframe_style
{	
	padding:2px;
	border:1px solid #cccccc;
	width:100%;
	height:780px;
	font:13px Verdana,Arial;
	overflow:auto;
	clear:both
}

.link
{
    COLOR: #2f60cf;
    TEXT-DECORATION: underline
}


.container {
	padding: 2px;
	margin: 0;
	background: #fff;
	}

/* mini tabs */
#minitabs {
	margin: 0;
	padding: 0 0 20px 10px;
	border-bottom: 1px solid #696;
	}

#minitabs li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#minitabs a:link, #minitabs a:visited {
	float: left;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	padding-bottom: 2px;
	text-decoration: none;
	color: #9c9;
	}

#minitabs a.active:link, #minitabs a.active:visited, #minitabs a:hover {
	border-bottom: 4px solid #696;
	padding-bottom: 2px;
	/*background: #fff;*/
	background:#fdf5e6;
	color: #363;
	}

#miniflex {
	width: 100%;
	float: left;
	font-size: small; /* could be specified at a higher level */
	margin: 0;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #333;
	}

#miniflex li {
	float: left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style: none;
	}
	
#miniflex a:link, #miniflex a:visited {
	float: left;
	font-size: 85%;
	line-height: 20px;
	font-weight: bold;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #999;
	}

#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
	border-bottom: 4px solid #333;
	padding-bottom: 2px;
	color: #333;
	}


/* specific div */
div.speaking:hover{
background: #D3EAF7;
}

div.hilite:hover{
border: 1px solid #336699;
}


div.pv_hide{
position:absolute;
visibility:hidden;
}

div.pv_show{
position:relative;
visibility:visible;
}

ul.menu,ol.menu  li{padding-bottom:5px}

.bb_box{
background:#f5f5f5;border:1px solid #336699
}

.bcm_appear{
background:#4b0082;color:white;text-align:center;padding:3px
}

.bcm_divide{
margin-bottom:15px;padding-bottom:3px;border-bottom:1px dotted #ccc;
}

/* home page media box */
.mediabox{
float:left;width:485px;overflow-x:hidden;overflow-y:auto;background-color:#f9f9f9;
height: expression(this.scrollHeight > 150 ? "150px" : "auto");
}

#bb_media{
padding-bottom:0;background:#fdf5e6;text-align:left;vertical-align:top;border:2px solid #336699
}

#bb_via{
margin-bottom:10px
}

.media_notice{
background:#fdf5e6;
padding:2px;
font-weight:bold;
color:#505050;
}

/* bb home page */
#bb_intro_list{
border-bottom:1px solid #ccc;
padding-bottom:4px
}

#bb_intro_show{
padding-top:3px;
width:485px
}

#cgl_latest_posts,#cgl_login_title{
padding-left: 14px;
background-image: url(/images/arrow.gif);
background-repeat: no-repeat;
background-position: .3em .5em;
color:#505050;
font-weight:bold;
font-size:smaller;
margin-top:10px;
}

.cgl_latest_post_list{
float:left;
padding:3px 0;
}

.cgl_latest_post_list_1{
float:left;
width:65px;
font-weight:bold;
}

.cgl_latest_post_list_2{
float:left;
width:170px;
}

#cgl_complete{
padding: 2px;
background:#99FF99;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 10px;
border:1px solid #ccc;
}

#cgl_subscriber {
    padding: 2px;
    background:#eeeef9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    border:1px solid #336699;
}

#cgl_subsriber_title{
color:#505050;
font-weight:bold;
text-align:center;
margin-bottom:6px;
}

#cgl_login{
margin-bottom:6px;
}

#cgl_title{
margin-bottom:6px;
text-align:center;
}

#cgl_sample{
	padding: 2px;
    background:beige;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    border:1px solid #336699;
}

.bcm_appear_list{
margin-bottom:10px;
border-bottom:1px solid #336699;
}

/* legacy */
A
{
    COLOR: #2f60cf;
	TEXT-DECORATION: none;
}
A:link
{
    COLOR: #2f60cf;
    TEXT-DECORATION: none
}
A:visited
{
    COLOR: #2f60cf;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #2f60cf;
    TEXT-DECORATION: underline;
}

TABLE
{
}
TABLE.border
{
    BACKGROUND-COLOR: #000000
}
FONT
{
	font:13px Verdana, Arial,sans-serif;
}
.normal
{
	font:13px Verdana, Arial,sans-serif;
    COLOR: #333333;
}

A.normal
{
    COLOR: #2f60cf
}
A.normal:link
{
    COLOR: #2f60cf;
    TEXT-DECORATION: none;
}
A.normal:visited
{
    COLOR: #2f60cf;
    TEXT-DECORATION: none;
}
A.normal:hover
{
    COLOR: #2f60cf;
    TEXT-DECORATION: underline;
}
A.normal:active
{
    COLOR: #2f60cf;
    TEXT-DECORATION: underline;
}

A.under,A.under:link,A.under:visited
{
    COLOR: #2f60cf;
    TEXT-DECORATION: underline;
}

A.color2,A.color2:link,A.color2:visited
{
    COLOR: #10c7e8;
    TEXT-DECORATION: underline;
}

A.ilink,A.ilink:link,A.ilink:visited
{
    COLOR: #333333;
    TEXT-DECORATION: none;
}

TR.title
{
    BACKGROUND-COLOR: #eeeeee
}
FONT.title
{
    COLOR: #333333;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold
}
FONT.sub-title
{
    COLOR: #333333;
    FONT-SIZE: 10px
}
TR.menu
{
    BACKGROUND-COLOR: #dddddd
}
FONT.menu
{
    COLOR: #333333;
    FONT-SIZE: 10px
}
A.menu
{
    COLOR: #2f60cf
}
A.menu:link
{
    COLOR: #2f60cf;
    TEXT-DECORATION: none
}
A.menu:visited
{
    COLOR: #2f60cf;
    TEXT-DECORATION: none
}
A.menu:hover
{
    COLOR: #2f60cf;
    TEXT-DECORATION: underline
}

TR.status
{
    BACKGROUND-COLOR: #dddddd
}
FONT.status
{
    COLOR: #333333;
    FONT-SIZE: 10px
}
TR.header
{
    BACKGROUND-COLOR: #505050
}
FONT.header
{
    COLOR: #ffffff;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold
}
TR.category
{
    BACKGROUND-COLOR: #cccccc
}
FONT.category
{
    COLOR: #333333;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold
}

FONT.sub-category
{
    COLOR: #333333;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold
}

FONT.category2
{
    COLOR: #505050;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold
}

FONT.sub-category2
{
    COLOR: #505050;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold
}

FONT.section
{
    COLOR: #2f60cf;
    FONT-SIZE: 13px;
}

FONT.error
{
    COLOR: #ff0000;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold
}

FONT.sub-error
{
    COLOR: #ff0000;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold
}
TD.odd
{
    BACKGROUND-COLOR: #dddddd
}
TD.even
{
    BACKGROUND-COLOR: #eeeeee
}
FONT.row
{
    FONT-SIZE: 13px
}
FONT.new-row
{
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold
}
FONT.sub-row
{
    FONT-SIZE: 10px
}
TR.subject
{
    BACKGROUND-COLOR: #dddddd
}
TD.subject
{
    BACKGROUND-COLOR: #dddddd
}
FONT.subject
{
    COLOR: #333333;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold
}
FONT.sub-subject
{
    COLOR: #333333;
    FONT-SIZE: 10px
}
TR.body
{
    BACKGROUND-COLOR: #eeeeee
}
TD.body
{
    BACKGROUND-COLOR: #eeeeee
}
FONT.body
{
    COLOR: #333333;
    FONT-SIZE: 13px
}
FONT.sub-body
{
    COLOR: #333333;
    FONT-SIZE: 10px
}
FONT.error-body
{
    COLOR: red;
    FONT-SIZE: 13px
}
INPUT
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, sans-serif;
    FONT-SIZE: 13px
}
TEXTAREA
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, sans-serif;
    FONT-SIZE: 13px
}
SELECT
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, sans-serif;
    FONT-SIZE: 13px
}
FONT.required
{
    COLOR: red;
    FONT-FAMILY: Symbol;
    FONT-SIZE: 13px
}
FONT.textbox
{
    COLOR: #333333;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold
}
FONT.sub-textbox
{
    COLOR: #333333;
    FONT-SIZE: 10px
}
INPUT.textbox
{
    WIDTH: 100%
}
FONT.filebox
{
    COLOR: #333333;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold
}
FONT.sub-filebox
{
    COLOR: #333333;
    FONT-SIZE: 10px
}
INPUT.filebox
{
    WIDTH: 100%
}
FONT.passwordbox
{
    COLOR: #333333;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold
}
FONT.sub-passwordbox
{
    COLOR: #333333;
    FONT-SIZE: 10px
}
INPUT.passwordbox
{
    WIDTH: 100%
}
FONT.textarea
{
    COLOR: #333333;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold
}
FONT.sub-textarea
{
    COLOR: #333333;
    FONT-SIZE: 10px
}
TEXTAREA.textarea
{
    WIDTH: 100%
}
FONT.radio
{
    COLOR: #333333;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold
}
FONT.sub-radio
{
    COLOR: #333333;
    FONT-SIZE: 10px
}
INPUT.radio
{
}
FONT.checkbox
{
    COLOR: #333333;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold
}
FONT.sub-checkbox
{
    COLOR: #333333;
    FONT-SIZE: 10px
}
INPUT.checkbox
{
}
FONT.selectbox
{
    COLOR: #333333;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold
}
FONT.sub-selectbox
{
    COLOR: #333333;
    FONT-SIZE: 10px
}
SELECT.selectbox
{
    WIDTH: 100%
}
PRE
{
    FONT-FAMILY: Verdana, sans-serif;
    FONT-SIZE: 13px
}
PRE.code
{
    FONT-FAMILY: Courier, Courier New;
    FONT-SIZE: 13px
}
FONT.code
{
    FONT-FAMILY: Verdana, sans-serif;
    FONT-SIZE: 10px
}
FONT.monospace
{
    FONT-FAMILY: Courier, Courier New
}

img { border: none; } 

img.pic 
{ 
border: 1px 
solid #ff0000 ; 
}

FONT.index_head
{
    COLOR: #ffffff;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold
}

FONT.index_link
{
    COLOR: #ffffff;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold
}

FONT.index_body
{
    FONT-SIZE: 13px
}
FONT.copyright
{
    COLOR: #ffffff;
    FONT-SIZE: 10px
}

A.index_head
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
A.index_head:hover
{
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}
A.copyright
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
A.copyright:hover
{
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}
TD.index_menu
{
    COLOR: #333333;
    FONT-SIZE: 13px;
    LINE-HEIGHT: 150%
}
TD.index_title
{
    COLOR: #333333;
    FONT-SIZE: 13px;
    LINE-HEIGHT: 150%
}
.index_menu_over
{
    BACKGROUND-COLOR: #eeeeee;
    COLOR: #000000;
    CURSOR: hand
}
.index_menu_out
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #333333;
    CURSOR: hand
}
FONT.index_required
{
    COLOR: red;
    FONT-FAMILY: Symbol;
    FONT-SIZE: 13px
}
FONT.index_code
{
    FONT-FAMILY: Courier New
}
A.index_tablehead
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
A.index_tablehead:hover
{
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}
A.index_link,A.index_link:link,A.index_link:visited
{
    COLOR: #10c7e8;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none
}

A.index_link2,A.index_link2:link,A.index_link2:visited
{
    COLOR: #87cefa;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none
}

A.index_topic
{
    COLOR: #333333;
    FONT-SIZE: 13px;
    TEXT-DECORATION: none
}
A.index_topic:hover
{
    COLOR: #333333;
    FONT-SIZE: 13px;
    TEXT-DECORATION: underline
}
A.index_section
{
    COLOR: #333333;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.index_section:hover
{
    COLOR: #333333;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}

/* specific boxes */
#special_notice {
        padding: 12px;
        background: beige;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        margin-bottom: 10px;
        border:2px solid #336699;
}

/* ul li */
#navlist
{
text-align:left;
margin: 0;
padding-left: 150px;
list-style: none;
}

#navlist li
{
padding-left: 10px;
background-image: url(/images/rightarrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

/* order button */
.order_button{
padding: 6px;
background:#99FF99;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 10px;
border:2px solid #336699;
font-weight:bold;
text-align:center;
cursor:pointer;
margin:auto
}

/*ice breaker signals report style*/
table.icebreakerContainer{
	border:0;
	width:100%;
	/*border-collapse: collapse;*/
	background:#cccccc;
	font: 13px/24px Verdana, Arial, Helvetica, sans-serif;
}

table.icebreakerContainer tr{
	padding:1px;
}

table.icebreakerContainer th{
	font-size:14px;
	background:#DFDFDF;
	padding:2px;
}

table.icebreakerContainer td{
	background:#ffffff;
	padding:2px;
}

.icebreakerSummary{
	color: #777777;
	font: bold 13px Verdana;
}
/**************************************/