/* overall page layout */

#ccWrapper {
    margin:15px;
}

#right_column {
    width: 24%;
    float:right;
    margin: 0 0 15px;
}

* html #right_col {
    display:inline;
}

#left_column {
    margin-right:25.5%;

}

/* profie */
.prof-top-right{ 
	background:url(../images/mycomplinet/cc_opt_topright.gif) no-repeat top right; 
	/* border-bottom:3px solid #18b4ea; */
    margin-bottom:0;
    margin-right:-5px;
    height: 5px;
}

.prof-top-left {
	background:url(../images/mycomplinet/cc_opt_topleft.gif) no-repeat top left;
	height: 5px;
}

.prof-middle-right{ 
	/* background:url(../images/mycomplinet/cc_opt_middleright.gif) repeat-y top right; */ 
	/* border-bottom:3px solid #18b4ea; */
    margin-bottom:0;
    /* margin-right:-5px; */
}

.prof-middle-left {
	/* background:url(../images/mycomplinet/cc_opt_middleleft.gif) repeat-y left; */
}

.prof-bottom-right{ 
	background:url(../images/mycomplinet/cc_opt_bottomright.gif) no-repeat bottom right; 
	/* border-bottom:3px solid #18b4ea; */
	height: 5px;
    margin-bottom:0;
    margin-right:-5px;
}

.prof-bottom-left {
	background:url(../images/mycomplinet/cc_opt_bottomleft.gif) no-repeat bottom left;
	height: 5px;
}

.prof-content {
	border: 1px #dadada;
	border-style:none solid;
	padding:0px 10px 6px;
	/*font-size:10px;*/
	color:#333;
	font-family:Arial, sans-serif;
	margin-bottom:0 ;
	margin-right: -5px;
	}


/* spots */
div.spotlight {
    width:100%;
    overflow:hidden;
}
#spot_big {
    margin-right:44%;
    /*padding-right:10px;
    border-right:1px dashed #dadada;*/
}
* html #spot_big {
    margin-right:42%;
}
#spots_small {
	width: 40%;
    float:right;
    padding-left:10px;
    border-left:1px dashed #dadada;
}

.spot_small {
}

#spot_big .spot_content {
	font-size: 12px;
}

#spots_small .spot_content {
	font-size: 12px;	
}


#spot_big .title {
    font-size:14px;
}
.spotlight .title {
	padding-bottom: 5px;
	font-weight: bold;
    font-weight:14px;
}

.spotlight .title a {
    font-weight: bold;
}

.spotlight .arrow {
    margin-top:2px;
}
.spotlight .arrowright {
    float:none;
    text-align:right;
    display:block;
}

#spot_small_top {
	padding-bottom : 5px;	
}
#spot_small_bottom {
	padding-top : 0px;	
}

.spot_image {
    border:none;
    margin:2px 8px 5px 0;
    float: left;
}
#spot_big .spot_image {width:120px;}
#spots_small .spot_image {width:60px;}

/* Layout declarations*/



/* CSS Document */
* {margin:0; padding:0}

/* Layout declarations*/

/*
	Specific styles
*/
.widget {
	margin-top:10px;
	background:url(../images/mycomplinet/widget-bottom-left.gif) no-repeat bottom left;
	}


.widget-content {
	border: 1px #dadada;
	border-style:none solid;
	padding:10px 10px 6px;
	font-size:12px;
	color:#333;
	font-family:Arial, sans-serif;
	margin-bottom:0 
	}
.widget-footer {
	height:5px !important;
	line-height:5px;
	background:url(../images/mycomplinet/widget-bottom-right.gif) no-repeat bottom right;
}
.widget-content *{
	color:inherit;
	font-family:inherit;

	}	
.widget-content p { margin-bottom:5px; }
.widget-content a { 
	color:#1f4882;
	text-decoration:none;
}
.widget-content a:hover { text-decoration:underline; }

p.comment, span.comment {
	color:#4c4c4c;
	font-size:0.9em	;
	margin-bottom:0;
	}
p.comment em {
	color:red;
	font-style:normal;
}
p.comment a.smallnew {
	color:red;
    text-decoration:underline;
}


h1.green-header{ 
	background:url(../images/mycomplinet/green-header-right.gif) no-repeat top right; 
	border-bottom:3px solid #a1e552;
}
h1.blue-header{ 
	background:url(../images/mycomplinet/blue-header-right.gif) no-repeat top right; 
	border-bottom:3px solid #12a0d0;
}	
h1.grey-header{ 
	background:url(../images/mycomplinet/grey-header-right.gif) no-repeat top right; 
	border-bottom:3px solid #c4c4c4;
}	
div.widget_title{
	line-height:30px;
	padding-left:10px;
	font-size:12px;
	color:white;
	font-family:Arial, sans-serif;
	font-weight:bold;
	}

h1.green-header div.widget_title{ background:url(../images/mycomplinet/green-header-left.gif) no-repeat top left; }
h1.blue-header div.widget_title{ background:url(../images/mycomplinet/blue-header-left.gif) no-repeat top left; }
h1.grey-header div.widget_title{ background:url(../images/mycomplinet/grey-header-left.gif) no-repeat top left; }


.widget-content h2 a, .widget-content h2, .widget-content dt a, .widget-content dt {
	font-size:12px;
	font-weight:bold;
	}	


.widget-content h2 a:visited, .widget-content dt a:visited {color:#788e9c;}

.widget-content h2 img,.widget-content dt img {
	margin: 0 3px -5px 0;
}

.widget-content .divide {
	border-bottom:1px dotted #dadada;
	margin-bottom:5px;
}
.widget-content p.divide{
	padding-bottom:5px;
}

p.intro, div.intro {
	border: 1px solid #dadada;
	border-top-style:none;
	background: #ececec; 
	margin:0; 
	padding:5px 10px; 
	font-size:1.2em
	}	

p.intro {
	background:#d5d5d5 url(../images/mycomplinet/widget-intro-gradient.gif) repeat-x top;

}

div.intro select {
	border:1px solid #333;
}

.button-right {
	float:right;
	margin:5px;
	}	
.button {
	margin:5px
	}	

/* buttons */

.widget-content a.morebutton {
	float:right;
	padding-right:18px;
	background:transparent url(../images/mycomplinet/more-arrow.gif) no-repeat 2px right;
	text-decoration:none;
	color:#333;
	font-weight:bold;

}


.widget-content a.morebutton:hover {text-decoration:underline; }

#informer .morebutton {float:left}
#informer img {margin-left:5px;}
.widget-content p.clearfix {margin-bottom:0;}

.silver-button {
        display:-moz-inline-box;
        display:inline-block;
        background:transparent url(../images/mycomplinet/silver-button-bg.gif) no-repeat top right;
        margin-right:10px;
        text-decoration:none !important;

}
.silver-button span {
        display:block;
        display:inline-block;
        line-height:25px;
        height:25px;
        padding-left:5px;
        padding-right:5px;
        background:transparent url(../images/mycomplinet/silver-button-bg-left.gif) no-repeat top left;
        font-family:tahoma, arial, sans-serif;
        font-weight:normal;
        color:black;
        font-size:10px;
        cursor:pointer;
        margin-left:-1px;
}
* html .silver-button span {
        margin-left:0;
}

.silver-button:hover { background-position:bottom right; }
.silver-button:hover span { background-position:bottom left; }


/* show/hide */

dl.showhide {
}

dl.showhide dt {
	cursor:pointer;
	padding-left:20px;
}
dl.showhide dt.hide { 
	background: transparent url(../images/mycomplinet/list-add.gif) no-repeat 2px 3px;
	}
dl.showhide dd.hide * { display:none; }

dl.showhide dt.show { 
	background: transparent url(../images/mycomplinet/list-remove.gif) no-repeat 2px 3px;
}
dl.showhide dd { 
	padding-left:20px; 
	border-bottom:1px dotted #dadada;
	margin-bottom:5px;
	padding-bottom:5px;
}
dl.showhide dd p {
	margin-bottom:0;
}
dl.showhide dd.nodivider {
	border-bottom-style:none;
}




/* pager */

#library_pager {
        float:left;
        overflow:auto;
        margin:5px 0 0;
        font-family:Tahoma, arial, sans-serif;
}

#library_pager p {
        font-size:11px;
        margin:0 0 5px;
}

#library_pager ul {
        float:left;
        list-style-type:none;
        padding:0;
        margin:0;
}

#library_pager li {
        float:left;
        margin:0 4px 0 0;
        padding:0;
        list-style-image:none;
        border:1px solid #c1c1c1;
}

#library_pager li a, #library_pager li span {
        display:block;
        display:inline-block;
        line-height:17px;
        padding-left:7px;
        padding-right:7px;
        font-size:10px;
}

#library_pager li a {
        text-decoration:none;
        background-color:#eee;
        color:#333;
}

#library_pager li a:hover {
        background-color:#ddd;
}

#library_pager li.selected span {
        font-weight:bold;
}


/* 3 columns */


#new_on_complinet {
    overflow:visible;
    position:relative;
    padding:0;
    margin:0;
    font-size: 12px;
}
#new_on_complinet a{ text-decoration:none;} 

* html #new_on_complinet {
    width:100%;
}
#newcontent-col1, #newcontent-col2, #newcontent-col3 {
    float:left;
    width:33.3%;
    padding: 0;
}
#newcontent-col2 {
    width:34.0%;
    margin: 0 -4px;
    overflow:visible;
    position:relative;
}
* html #newcontent-col2 {width:34.0%}




/* news */


/* options palette */



dl#options {
    position:relative;
}

dl#options dd.hide {
    display:none;
}

dl#options dt {
    font-weight:bold;
    font-size:13px;
    color:#555;
    height:34px;
    line-height:34px;
    cursor:pointer;
    padding:0;
    margin:0;
    text-align:left;
}


dl#options dt.tophide, dl#options dt.topshow {
    margin:0;

}

dl#options a {
    text-decoration:none;
    color:rgb(31, 72, 130);

}

dl#options a:hover {
    text-decoration:underline;
    color:rgb(31, 72, 130);
}

/* button backgrounds */

dl#options dt.tophide, dl#options dt.topshow {
    background:url(../images/mycomplinet/newheader-denim-blue-leftcurve.gif) no-repeat 0 0;
}


dl#options dt.tophide div, dl#options dt.topshow div {
    background:url(../images/mycomplinet/newheader-denim-blue-rightcurve.gif) no-repeat 100% 0;
}


/* spacing & up/down arrows */

dl#options dt span {
    padding:0 19px 0 12px;
}



/* boxes */

dl#options dd.show {
    background: white url(../images/mycomplinet/newheader-bottomleftcurve.gif) no-repeat bottom left;
    /*border-bottom:10px white solid;*/
    margin:-1px 0 0;
    padding:0;
    /*position:absolute;*/
    z-index:100;
    text-align:left;
    font-size:12px;
    width:100%;
}

dl#options dd div.ddborder {
    border:4px #dadada ;
    border-style:none solid;
    padding:10px 8px 1px;
}


dl#options div.widget-footer {
    height:9px !important;
    background-image:url(../images/mycomplinet/newheader-bottomrightcurve.gif);
}

div.thick-footer {
    width:100%;
    background:url(../images/mycomplinet/newheader-bottomleftcurve.gif) no-repeat 0 0;
    height:20px;
    padding:0;
    margin:0;
}
div.thick-footer span {
    float:right;
    width:100%;
    height:20px;
    background:url(../images/mycomplinet/newheader-bottomrightcurve.gif) no-repeat 100% 0;
    padding:0;
    margin:0;
}



/* searchform */

#search_maker {
    border-bottom:1px #dadada dotted;
    padding-bottom:6px;
    margin-bottom:5px;
    height:25px;
}
* html #search_maker {padding-bottom:10px;}

#search_maker #option_search_submit {
    /*background: url(/share/images/spine/spine-button-bg.gif) repeat-x 0px 100% rgb(228, 228, 228);
    border: 1px solid rgb(170, 170, 170);*/
    background:transparent;
    border-style:none;
    float: right;
    font-size: 1em;
    font-weight: 900;
    text-align: center;
    width: 30px;
    line-height:20px;
    height:20px;
    color:#ff9c07;
    cursor:pointer;
	margin:-2px 2px;
}

* html #search_maker #option_search_submit {
    line-height:17px;
	margin:1px 2px;
}

#search_maker #keyword {
    border: 1px solid rgb(124, 124, 124);
    border-color: rgb(124, 124, 124) rgb(195, 195, 195) rgb(221, 221, 221) rgb(195, 195, 195);
    font-size: 1em;
    margin: 0px;
    line-height:20px;
    height:20px;
    width: 155px;
    float:left;
}
* html #search_maker #keyword {
    width: 175px;
}

a.arrow {
    background:url(../images/mycomplinet/cc_rarrow.gif) no-repeat 100% 50% ;
    padding-right:17px;
	text-decoration:none;
}

a.arrowright {
    float:right;
}

#searchbox {
    background:url(../images/mycomplinet/searchbuttonsurround.gif) no-repeat 100% 7px;
	padding:10px 8px 1px;
}


/* options moved to newcontent box.. */







#newcontent-col3 dt.hide span {
    background:url(../images/mycomplinet/cc_darrow.gif) no-repeat 100% 50%;
    padding-right:19px;
    cursor:pointer;
}


#newcontent-col3 dt.show span {
    background:url(../images/mycomplinet/cc_uarrow.gif) no-repeat 100% 50%;
    padding-right:19px;
    cursor:pointer;
}

#newcontent-col3 dd.hide {display:none;}


#newcontent-col3 dd a.keydelete {
    color: rgb(187, 0, 0);
    float: right;
    font-size: 11px;
    margin-left: 5px;
    font-weight:normal;
}   


#newcontent-col3 dd.show ul {
    font-weight:bold;
    list-style-type:none;
    list-style-image:none;
    margin:0;
    padding:0;
}

#newcontent-col3 dd.show  li {
    background:url(../images/mycomplinet/sta_disc.gif) no-repeat 4px 2px;
    list-style-type:none;
    list-style-image:none;
    margin:0 0 6px;
    padding:0 0 0 17px;
}
* html #newcontent-col3 dd.show  li { background-position: 4px 3px;height:1%;}

#newcontent-col3 dd.show  li li {
    margin-top:6px;
    padding-left:0;
    background-image:none;
}

/* hacks to fix handbooks wierdness */
* html #newcontent-col3 dd.show ul ul {height:1%;}
* html #handbook_library li li {height:1%;}

#newcontent-col3 dd.show  li a {
    margin-left:0;   
    display:inline;
}

#newcontent-col3 dd#regulatory_developments {
    margin:0;
    padding:0;
    border:none;
}

#newcontent-col3 #handbook_library li { padding-left:0;}
#newcontent-col3 #handbook_library li li {
    padding-left:17px;
    background:url(../images/mycomplinet/sta_disc.gif) no-repeat 4px 2px;
}

#newcontent-col1 div.first {
    background-image:url(../images/mycomplinet/newheader-silver-leftcurve.gif);
}

#newcontent-col3 div.first div{
    background-image:url(../images/mycomplinet/newheader-silver-rightcurve.gif);
}


/* moreon - these styles partially override the ones in repaint css */

#ccWrapper dl.spine-box {
    background:none;
    padding-bottom:0px;
}
#ccWrapper dl.spine-box dt {
    background:url(../images/mycomplinet/blue-header-right.gif) no-repeat top right;
    padding:0;
}
#ccWrapper dl.spine-box dt a {
    background:url(../images/mycomplinet/blue-header-left.gif) no-repeat top left;
    display:block;
    line-height:27px;
    height:27px;
    padding-left:10px;


}

#ccWrapper dl.spine-box dd {
    padding-top:3px;
    border-left:1px solid #dadada;
    border-right:1px solid #dadada;
}

.fakefooter {
    background: white url(../images/mycomplinet/widget-bottom-left.gif) no-repeat bottom left;
}
/* tabbed box */


ul.tabbed-box-header {
    margin:0;
    padding:0 0 30px;
    list-style-type:none;
    list-style-image:none;
    border-bottom:solid 3px #12a0d0;
}

ul.tabbed-box-header li {
    float:left;
    background:url(../images/mycomplinet/grey-header-right.gif) no-repeat top right;
    list-style-type:none;
    list-style-image:none;
}
ul.tabbed-box-header li.selected {
    background-image:url(../images/mycomplinet/denim-header-right.gif);
}
ul.tabbed-box-header li a {
    text-decoration:none;
    color:white;
    font-weight:bold;
    float:left;
    display:inline;
    height:30px;
    line-height:30px;
    padding-left:8px;
    padding-right:8px;
    background:url(../images/mycomplinet/grey-header-left.gif) no-repeat top left;
}
ul.tabbed-box-header li.selected a {
    background-image:url(../images/mycomplinet/denim-header-left.gif);
}
ul.tabbed-box-header li a:hover {
    color:white;
    text-decoration:underline;
}


/* ugly blue profile box */

#trial_profile_box .rounded-box-footer { background-image:url(../images/mycomplinet/profileborder-bottomright.gif); }
#trial_profile_box { background-image:url(../images/mycomplinet/profileborder-bottomleft.gif); }
#trial_profile_box .rounded-box-footer { background-image:url(../images/mycomplinet/profileborder-bottomright.gif); height:8px !important;}
#trial_profile_box .rounded-box-content {border-color:#18b4ea;border-width:4px;}
#trial_profile { background-image:url(../images/mycomplinet/profileborder-topleft.gif); }
#trial_profile .rounded-box-top-right {background-image:url(../images/mycomplinet/profileborder-topright.gif);height:8px !important;}

#message-boards .widget-content {border-width:4px;}
#message-boards .intro {border-width:0 4px 1px;}
#message-boards {background-image:url(/global/synd/cn/images/mycomplinet/newheader-bottomleftcurve.gif)}
#message-boards div.widget_title {
    background:url(/global/synd/cn/images/mycomplinet/newheader-green-rightcurve.gif) no-repeat top right;
    height:31px;
    padding-top:2px;
}
* html #message-boards div.widget_title {height:33px;}
* html .article #message-boards div.widget_title {_height:31px;} /* mystery IE 6 bug */
#message-boards h1.green-header {
    background:url(/global/synd/cn/images/mycomplinet/newheader-green-leftcurve.gif) no-repeat top left;
    border-bottom:none;
}


#message-boards .widget-footer {background-image:url(/global/synd/cn/images/mycomplinet/newheader-bottomrightcurve.gif);height:9px !important;}

#cal1_calendar {z-index:5;}