/********************************************

   AUTHOR:  			Isao Toyama

   WEBSITE:   			http://www.nextdesign.com/

 *******************************************/



/********************************************

   HTML ELEMENTS

********************************************/


/*Reset*/

html, body, div, pre, form, fieldset, input, h1, h2, h3, h4, h5, h6, p, textarea, ul, ol, li, dl, dt, dd, blockquote, th, td
{
    margin: 0;
    padding: 0;
}
fieldset, img
{
    border: 0;
}

address, caption, cite, code
{
    font-style: normal;
    font-weight: normal;
}
ul
{
    list-style: none;
}
caption, th
{
    text-align: left;
}

h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: normal;
}


abbr, acronym
{
    border: 0;
}

/*Reset End */
/*Base Styles*/

body
{
    font: 12px Helvetica, Arial, Verdana, sans-serif;
    color: #333;
    background: #e1e1e1;
}
.clear
{
    clear: both;
}

#container
{
    position:relative
}
#mainframe
{
    width:1002px;
    margin:0 auto;
    text-align:left;
    z-index:2;
}
/* Layout */
#header
{
    margin-top:10px;
    width:1002px;
    height:105px;
    background:url("/lib/img/headerbg.png") no-repeat left top;
}
#logo
{
    margin: 10px 0px 0px 35px;
    float:left;
    width:150px;
}
#head_right
{
    width:525px;
    height:100px;
    float:right;
    /*display: table-cell;*/
    overflow: hidden; 
    position: relative;
}
label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
#login
{
    color:#888;
    height:25px;
    float:right;
    position: absolute; 
    width:515px;
    top: 50px;
}
.input {
    border: 1px solid #ccc;
}
.input:hover {
    border: 1px solid #006;
    background: #9AC7DC;
}
#context h1
{
	font-size:18px;
	color:#58ae44;
}
#context p img
{
	float:left;
	padding-left:5px;
	padding-bottom:5px;
}

.formbutton{
    border: none;
    width:71px;
    height:20px;
    color:#888;
    background: url('/cmrc/images/elements/button.png') no-repeat top left;
    padding: 0px 5px;
}
#presentation
{
    width:1002px;
    background:url("/lib/img/mainbg.png") repeat-y left top;   
}
#Bottompannel
{
    width:1002px;
    background:url("/lib/img/mainbg.png") repeat-y left top;   
}
#bottomFramework
{
    width:1000px;
    margin:0 auto;
}
#bottomFramework h1
{
	font-size:18px;
	color:#58ae44;
}
/***************** FOOTER **********************/
#footer
{
    width:1002px;
    height:100px;
    background:url("/lib/img/footer.png") no-repeat left bottom;
    text-align: center;	
    clear: both;
}

#sponsorSection
{
	width:980px;
	text-align:center;
	letter-spacing:25px;
	white-space:nowrap;
	over-flow:hidden;
}

#footer2
{
    width:1002px;
    background:url("/lib/img/footer2.png") no-repeat left bottom;
    text-align: center;	
    clear: both;
}

.footerparagraph {
	padding: 5px; 
	margin: 0px 10px 10px 10px;
	font-size: 95%;	
}


#footer a 
{
    color:#888;
	text-decoration: none; 
}
#footer a:hover {
  color: #77B13C;
}

.footerparagraph2 {
	padding: 5px; 
	margin: 0px 10px 10px 10px;
	font-size: 95%;	
}


#footer2 a 
{
    color:#888;
	text-decoration: none; 
}
#footer2 a:hover {
  color: #77B13C;
}

#partners
{
	 width:980px;
}


/*Navigation */
#topNavigation
{
    width:1000px;
}

ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	width: 960px;
	background: #f1f1f1;
	border:solid 1px #e7e7e7;
	font-size: 1.2em;
	background: url(/lib/img/navbg.jpg) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li.first {
	float: left;
	margin: 0;
	padding: 0 20px 0 20px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #888888;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(/lib/img/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(/lib/img/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #ddd;
	z-index:1000;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #ddd; /*--Create bevel effect--*/
	border-bottom: 1px solid #ddd; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #ddd url(dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #B8BFCC url(dropdown_linkbg.gif) no-repeat 10px center;
}
/* Home Panel*/
#show
{
    width:1000px;
    height:300px;
    margin:0 auto;
    background:url("/images/slide/1.jpg") no-repeat top center;
}
#pageheader1
{
    width:1000px;
    height:100px;
    margin:0 auto;
    background:url("/images/header/header1.jpg") no-repeat top center;
}
#context
{
    margin:10px 15px 10px 15px;
}
#MemberContext
{
	float:left;
    margin:10px 15px 10px 15px;
}
#pagetitle
{
    margin:66px 50px 0px 5px;
    font-size:36px;
    color:#fff;
    float:right;
}
#members
{
    width:1000px;
    height:200px;
    margin:0 auto;
    background:url("/images/header/members.jpg") no-repeat top center;
}
#membersmall
{
    width:1000px;
    height:100px;
    margin:0 auto;
    background:url("/images/header/membersmall.jpg") no-repeat top center;
}
#panel
{
    width:360px;
    height:300px;
    color:#fff;
    line-height:150%;
    background:#000;
    opacity:0.6;
    filter:alpha(opacity=60);
    z-index:0;
}
#right_panel
{
    width:345px;
    height:200px;
    color:#fff;
    line-height:150%;
    background:#000;
    opacity:0.6;
    filter:alpha(opacity=60);
    z-index:0;
    float:right;
}
#right_panel2
{
    width:400px;
    height:200px;
    color:#fff;
    line-height:150%;
    background:#000;
    opacity:0.6;
    filter:alpha(opacity=60);
    z-index:0;
    float:right;
}
#panel_content
{
    width:340px;
    margin:0px 15px 0px 15px
}
.panel-overlay
{
    width:300px;
    height:300px;

}
.panel-overlay h2,
.panel-overlay p{
	margin: .3em 0;
}
.panel-overlay p {
	line-height: 1.2em;
}
/* Home Bottom 3 Panel*/
#lefttwo
{
    width:670px;
    float:left;
}
#lefttwo2
{
    width:570px;
    float:left;
}
#leftPanel
{
    width:320px;
    float:left;
    margin:5px 4px;
    border-right:solid 1px #e7e7e7;
}
#leftPanel2
{
    width:340px;
    float:left;
    margin:5px 4px;
    border-right:solid 1px #e7e7e7;
}
#middlePanel
{
    width:320px;
    float:left;
    margin:5px 4px;
    border-right:solid 1px #e7e7e7;
}
#rightPanel
{
    width:320px;
    float:right;
    margin:5px 4px;
    font-size:11px;
}
#rightPanel2
{
	width:400px;
	float:right;
	margin:5px 0px;
	font-size:11px;
}
#right_panel_content
{
   width:300px;
    margin:0px 10px 0px 10px
}
#right_panel_content2
{
   width:400px;
    margin:0px 10px 0px 10px
}
#two_column_left
{
    width:320px;
    float:left;
    margin:5px 4px;
    border-right:solid 1px #e7e7e7;
}
#two_column_right
{
    width:650px;
    float:right;
    margin:5px 4px;
}

.widefat {
	border-width: 1px;
	border-style: solid;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	clear: both;
	margin: 0;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.widefat * {
	word-wrap: break-word;
}

.widefat a {
	text-decoration: none;
}

.widefat td,
.widefat th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 11px;
	vertical-align: text-top;
}

.widefat td {
	padding: 3px 7px;
	vertical-align: top;
}

.widefat td p,
.widefat td ol,
.widefat td ul {
	font-size: 11px;
}

.widefat th {
	padding: 7px 7px 8px;
	text-align: left;
	line-height: 1.3em;
}

.widefat th input {
	margin: 0 0 0 8px;
	padding: 0;
	vertical-align: text-top;
}

.widefat .check-column {
	width: 2.2em;
	padding: 0;

}

.widefat tbody th.check-column {
	padding: 7px 0 22px;
}
#ContentList table
{
	border:solid 1px #ccc;
}
#ContentList td
{
	padding:3px;
}
#List table
{
	border:solid 1px #ccc;
}
#List td
{
	padding:3px;
	text-align:left;
}
#form
{
	margin:0 auto;
	width:500px;
	padding:14px;
		border:solid 2px #b7ddf2;
		background:#ebf4fb;
}
	#form{

	}
	#form h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#form p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		padding-bottom:10px;
	}
	#form label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:150px;
		float:left;
	}
	#form .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#form input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#form select{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#form textarea{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}	
	#form button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666  no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}
	#form #block
	{
		float:left;
		font-size:12px;
		width:450px;
	}
#leftone
{
    width:980px;
    margin:10px auto;
    float:left;
}


/* CSS BUTTON */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 


a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
#divShare {
color:#444444;
font-size:14px;
font-weight:bold;
height:40px;
line-height:45px;
padding:8px 15px 0 0;
text-align:left;
}
#aShareFacebook  {
background:url("/lib/img/ShareFacebook.png") no-repeat scroll 0 0 transparent;
}
#divShare a {
display:block;
float:right;
height:32px;
padding-left:7px;
width:32px;
}
#aShareTwitter {
background:url("/lib/img/ShareTwitter.png") no-repeat scroll 0 0 transparent;
}
a {
border:0 none;
color:#034492;
outline:medium none;
text-decoration:none;
}
#aShareEmail  {
background:url("/lib/img/ShareEmail.png") no-repeat scroll 0 0 transparent;
}