﻿/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ 
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ol, ul {list-style:none;}
blockquote, q {quotes:none;}
ins {text-decoration:none;}
del {text-decoration:line-through;}

a {
	color:#ff6600;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

ul {
    list-style-image:url(Images/bg-bullet-blue.gif);
}

hr {display:none;}

body 
{
    font-family:verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#666666;
    background:#ffffff url(images/bg-page.gif) repeat-x;
    text-align:center;
    font-size:11px;
    line-height:1.5;
}

/* Layout */
#container 
{
    width:975px;
    margin:0 auto;
    text-align:left;
    position:relative;
}

#column1 
{
	margin:0 0 0 10px;
	width:170px;
	min-height:400px;
	float:left;
	background:#ffffff;
}

#column2 
{
	margin:0 15px 0 30px;
	width:490px;
	float:left;
	background:transparent url(Images/bg-column2.gif) no-repeat bottom right;
	padding-bottom:58px;
	min-height:400px;
	height:400px;
}

#container > #column2 {
    height:auto;
}

#home #column2 {
    border-bottom:1px solid #e3e4e5;
}

#column3 {
    float:left;
    width:245px;
    position:relative;
    background:transparent url(Images/bg-column3.gif) no-repeat top left;
    padding-top:134px;
    padding-left:15px;
}

#home #column3 {
    background-image:url(Images/bg-column3-home.gif);
    position:relative;
    width:260px;
    margin-left:-15px;
    padding-left:15px;
    padding-top:291px;
}

#columnbottom {
    clear:both;
    border-top:1px solid #e3e4e5;
    margin-left:210px;
    padding-top:10px;
    padding-bottom:20px;
}

#home #columnbottom {
    border-top:none;
}

/* Header */
#header 
{
	background:url(images/bg-header.gif) no-repeat;
	height:80px;
	padding:48px 0 0 8px;
}

#home #header {
    background-image:url(Images/bg-header-home.gif);
}

#header h1 a 
{
	display:block;
	background:url(images/h1-thecoopscollaboration.gif) no-repeat;
	width:488px;
	height:52px;
	text-indent:-999px;
	overflow:hidden;
}

/* Footer */
#footer 
{
	clear:both;
    border-top:1px solid #e3e4e5;
    margin-left:210px;
    padding-top:10px;
}

#footer .content a {
    font-size:1.1em;
    color:#ff6600;
    margin-right:10px;
    text-decoration:none;
}

#footer .twc a {
    padding-left:21px;
    background:transparent url(Images/logo-twc.gif) no-repeat 0 1px;
    color:#666;
    text-decoration:none;
}

/* Top Navigation */
#topnav
{
    position:relative;
	margin-bottom:5px;
}

#topnav ul, #subnav ul
{
	display:block;
	list-style:none;
}

#topnav ul li, #subnav ul li
{
	display:inline;
}

#topnav ul a, #subnav ul a
{
	color:#ff6600;
	font-size:1.1em;
	padding:2px 7px;
	text-decoration:none;
	text-transform:lowercase;
}

#topnav ul .nav-home a {
    padding-left:0;
}

#topnav ul a:hover, #subnav ul a:hover 
{
	text-decoration:underline;
}

#topnav ul li.AspNet-Menu-Selected a, #subnav ul li.AspNet-Menu-Selected a {
    color:#004857;
}

#subnav {
    height:30px;
}

#subnav ul a {
    font-size:1em;
    border-left:1px solid #e3e4e5;
}


/* Page Functions */

#pagefunctions {
    position:absolute;
    width:53px;
    background:transparent url(Images/bg-pagefunctions.gif) no-repeat center top;
    height:19px;
    top:-7px;
    right:0px;
}

#pagefunctions .page-email,
#pagefunctions .page-print {
    display:block;
    float:left;
    width:26px;
    height:19px;
    text-indent:-999px;
    overflow:hidden;
}

#pagefunctions .page-email {
    background:transparent url(Images/icon-email.gif) no-repeat top left;
    margin-right:1px;
}

#pagefunctions .page-print {
    background:transparent url(Images/icon-print.gif) no-repeat top left;
}
	
/* Navigation */
#navigation 
{
    background:transparent url(Images/bg-subnav.gif) no-repeat bottom left;
    padding-bottom:28px;
    margin-bottom:15px;
}

#navigation ul
{
	color:#ff6600;
	list-style-type:none;
	list-style-image:none;
}

#navigation ul a 
{
	display:block;
	color:#ff6600;
	margin-bottom:5px;
	text-decoration:none;
}

#navigation ul a:hover 
{
	text-decoration:underline;
}

#navigation ul ul
{
	color:#737a7e;
	display:none;
}

#navigation ul li.AspNet-Menu-Selected ul,
#navigation ul li.AspNet-Menu-ChildSelected ul
{
    display:block;
}

#navigation ul ul li a
{
	background:url(images/bg-bullet.gif) no-repeat;
	background-position:2px 7px;
	padding-left:10px;
}

#navigation ul ul a 
{
	color:#737a7e;
}

#navigation a:hover {
    text-decoration:underline;
}

#navigation a.AspNet-Menu-Selected,
#navigation a.AspNet-Menu-ChildSelected {
    font-weight:bold;
}

/* Side Login Panel */
#column1 .nav-login {
    
    padding-top:68px;
    min-height:157px;
    width:170px;
    padding-left:62px;
    margin-left:-62px;
}

#column1 .loginfailure {

}

#column1 h3 {
    color:#00a0d1;
    font-weight:normal;
    margin-bottom:5px;
}

#column1 .nav-login label {
    color:#004857;
    font-weight:bold;
    display:block;
}

#column1 .textbox {
    width:167px;
    margin-bottom:5px;
    float:right;
}

#column1 .dropdown {
    width:167px;
    margin-bottom:5px;
}

#column1 .column1button {
    clear:both;
    float:right;
    margin-top:5px;
}

#column1 div.column1button {
    float:none;
    text-align:right;
}

#column1 div.column1button input {
    vertical-align:middle;
}

/* Column 2 (main content) styles */

#column2 ul,
#column2 p,
#column2 h4,
#column2 h5,
#column2 h6 {
    margin-bottom:10px;
}

#column2 h2 {
    font-family:'trebuchet ms', Verdana, helvetica, Arial, Sans-Serif;
    color:#00a0d1;
    font-size:2em;
}

#column2 h3 {
    color:#004857;
    font-size:1.364em;
    letter-spacing:-0.151ex;
}

#column2 h4 
{
	margin-top:15px;
	margin-bottom:5px;
	font-size:1.09em;
}

#column2 ul ul {
    margin-bottom:3px;
}

#column2 li {
    margin-bottom:2px;
    margin-left:13px;
}

#column2 li,
#column2 p {
    line-height:1.5;
}

#column2 p.intro {
    color:#006699;
}

/* column 3 styles */
#column3 hr 
{
	background-color:#e3e4e5;
	color:#e3e4e5;
	height:0px;
	display:block;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:15px;
}

#column3 strong 
{
	color:#000000;
}

#column3 p,
#column3 h4,
#column3 h3 {
    padding-left:15px;
    margin-bottom:10px;
}

#column3 h3, 
#column3 h3 strong
{
	color:#00a0d1;
	margin-bottom:0;
}


#column3 li {
    margin-bottom:3px;
    background:url(images/bg-bullet.gif) no-repeat;
	background-position:2px 7px;
	padding-left:15px;
	list-style-image:none;
}

#home #column3 li 
{
	background:none;
	list-style-image:url(Images/bg-bullet-blue.gif);
	background-position:0 0;
	padding-left:0;
}

#column3 ul {
    margin-left:15px;
    margin-bottom:10px;
    list-style:none;
}

#pagetitle h3 {
    text-transform:uppercase;
    font-weight:bold;
    color:#72797e;
    font-size:0.909em;
    margin-bottom:10px;
}

/* Login Name Panel */
#column1 #loginoptions {
    padding-top:15px;
    padding-left:36px;
    background:transparent url(Images/bg-loginname.gif) no-repeat top left;
    margin-bottom:5px;
    height:71px;
}

#column1 #loginoptions a {
    color:#0099cc;
}

/* Home Page Styles */
#home #pagetitle h2 {
    text-transform:lowercase;
    font-weight:bold;
    color:#00a0d1;
    font-size:1.5em;
    margin-bottom:10px;
}

#home #column2 h3 {
    color:#004857;
    font-size:1.4em;
    font-weight:normal;
    margin-bottom:10px;
    text-transform:none;
    letter-spacing:normal;
}

#home #column2 .home-subcontent {
    width:240px;
    float:left;
    padding-right:5px;
    margin-right:15px;
}

#home #column2 .home-feature {
    margin-bottom:30px;
}

#home #column2 .home-news {
    width:230px;
    float:left;
}

#home #joinmailinglist 
{
	clear:both;
	padding-top:82px;
	background:url(images/bg-joinmailingcog.gif) top right no-repeat;
	background-position:597px 0;
}

#home #column2 .home-subcontent h3,
#home #column2 .home-news h3,
#home #joinmailinglist h3 {
    color:#00a0d1;
    font-weight:bold;
    font-size:1.3em;
    text-transform:lowercase;
}

#home #column2 .home-news h4.headline {
    color:#004857;
    font-size:1.4em;
}

#home #column2 .home-news p {
    margin-bottom:5px;
}

#home #column2 .home-subcontent ul {
    margin-left:15px;
}

#home #register {
    background:#f2fbca url(Images/bg-register-home.gif) no-repeat bottom left;
    padding-bottom:80px;
}

#home #register h3 {
    display:block;
    width:260px;
    height:81px;
    overflow:hidden;
    text-indent:-999px;
    background:transparent url(Images/h3-register-with-co-ops.gif) no-repeat top left;
}

#home #register p,
#home #register ul {
    padding-left:15px;
    padding-right:15px;
}

#home #register p.nospace {
    margin-bottom:0;
}



#home #joinmailinglist .copy {
    width:230px;
    float:left;
    position:relative;
    top:-10px;
    margin-right:15px;
}

#home #joinmailinglist .form {
    width:520px;
    float:left;
}

#home #joinmailinglist .form p {
    padding-left:15px;
}

#home #joinmailinglist .form .background {
    width:345px;
    height:105px;
    background:transparent url(Images/bg-join-mailinglist.gif) no-repeat top left;
    margin-bottom:5px;
    padding-top:18px;
    padding-right:150px;
}

#home #joinmailinglist .form label {
    color:#004857;
}

#home #joinmailinglist .form label em {
    font-weight:normal;
    font-style:italic;
    color:#6aacda;
}

#home #columnbottom {
    padding-top:0;
}

/* Forms */

.form label {
    font-weight:bold;
    display:block;
}

.form label em {
    font-weight:normal;
    font-style:italic;
    color:#6aacda;
}

.form .checkbox label {
    display:inline;
    font-weight:normal;
}

.form input {
    margin-bottom:5px;
    vertical-align:middle;
}

/* Some Global Styles */

.ImageLeft {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

.ImageRight {
    float:right;
    margin-left:10px;
    margin-bottom:10px;
}

.pdf
{
	display:-moz-inline-block;
	display:inline-block;
	background:transparent url(images/icon-pdf.gif) no-repeat;
	padding-left:3.5ex;
	min-height:16px;
}

.word
{
	display:-moz-inline-block;
	display:inline-block;
	background:transparent url(images/icon-word.gif) no-repeat;
	padding-left:3.5ex;
	min-height:16px;
}

.excel
{
	display:-moz-inline-block;
	display:inline-block;
	background:transparent url(images/icon-excel.jpg) no-repeat;
	padding-left:3.5ex;
	min-height:16px;
}

/* Links */

#column2 .link-list dt {
    font-weight:bold;
    font-size:1.2em;
}

#column2 .link-list dt a {
    padding-left:20px;
    background:transparent url(Images/icons/icon-webpage.gif) no-repeat top left;
    color:#00a0d1;
    text-decoration:none;
}

#column2 .link-list dt a:hover {
    text-decoration:underline;
}

#column2 dd {
    padding-left:20px;
    margin-bottom:10px;
    font-style:italic;
}

#column2 .link-list {
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #e3e4e5;
}

.shroud {
    background-color:#333;
    opacity:.75;
    -moz-opacity:.75;
    filter:alpha(opacity=75);
}

.pnlpopup {
    position:absolute;
    border:1px solid #999;
    background-color:White;
    padding:20px 40px 10px 40px;
}

p.success {
    padding-left:20px;
    background:transparent url(Images/icons/icon-success.gif) no-repeat top left;
}

table.rp 
{
	margin-top:5px;
}

table.rp td,
table.rp th
{
	padding-top:5px;
	padding-right:10px;
}

.form .inline label { display:inline; font-weight:normal;}

label .nobold 
{
	font-weight:normal;
}

#login #column2 
{
	min-height:0px;
}

#login #columnbottom 
{
	margin-left:30px;
	float:left;
	clear:right;
	width:740px;
}

#login #loginregister 
{
	width:460px;
	padding-right:10px;
	border-right:1px solid #e3e4e5;
	float:left;
}

#login #loginlogin 
{
	width:239px;
	margin-left:10px;
	float:left;
}

#columnbottom ul,
#columnbottom p,
#columnbottom h4,
#columnbottom h5,
#columnbottom h6 {
    margin-bottom:10px;
}

#columnbottom h3 {
    color:#004857;
    font-size:1.09em;
    margin-bottom:10px;
}

#columnbottom .col1 
{
	width:230px;
	margin-right:30px;
	float:left;
}

#columnbottom .col2 
{
	width:230px;
	margin-right:30px;
	float:left;
}

#columnbottom .col3 
{
	width:230px;
	float:left;
}

.noblocklabel td 
{
	padding-bottom:5px;
}

.noblocklabel label 
{
	display:inline-block;
	font-weight:normal;
	width:400px;
	vertical-align:middle;
}

.noblocklabel input
{
	display:inline-block;
	margin-right:10px;
}

#loginlogin .AspNet-Login-UserPanel label,
#loginlogin .AspNet-Login-PasswordPanel label
{
	display:inline-block;
	width:80px;
	margin-bottom:10px;
	font-weight:bold;
}

#loginlogin .AspNet-Login-UserPanel label em,
#loginlogin .AspNet-Login-PasswordPanel label em,
#loginlogin .AspNet-Login-RememberMePanel label em 
{
	font-style:normal;
}

#loginlogin .AspNet-Login-RememberMePanel 
{
	margin-bottom:10px;
}

#loginlogin .AspNet-Login-SubmitPanel 
{
	margin-left:84px;
}

#loginlogin .AspNet-Login-SubmitPanel .btn-login 
{
	background:url(images/btn-login.gif) no-repeat;
	width:55px;
	height:24px;
	display:block;
	text-indent:-999px;
	overflow:hidden;
}

#loginlogin .AspNet-Login-TitlePanel
{
	display:none;
}

.tv td 
{
	white-space:normal !important;	
}

.tv td img 
{
	vertical-align:middle;
	margin-right:5px;
}

.ajax__tab_container 
{
	margin-bottom:20px;
}

.rememberme 
{
	clear:left;
}

.rememberme input
{
	margin:0;
	padding:0;
}

#column1 .rememberme label 
{
	display:inline;
	font-size:0.833em;
}

.rememberme label,
.rememberme input 
{
	vertical-align:middle;
}

.rememberme input 
{
	margin-right:1ex;
}

.prprimary 
{
	background:url(images/icon-pdflarge.gif) no-repeat;
	height:47px;
	vertical-align:middle;
	display:table-cell;
	padding-left:53px;
}

.prprimary .size 
{
	color:#999999;
	font-size:0.833em;
}

.prassoc
{
	background:url(images/icon-pdf.gif) no-repeat;
	min-height:20px;
	margin-bottom:0px;
	vertical-align:middle;
	display:block;
	padding-left:22px;
	width:100%;
}

.prassoc .size 
{
	color:#999999;
	font-size:0.833em;
}

#Forum #column2 
{
	width:750px;
}

#Forum #column3 
{
	background:none;
	padding:0 0 0 0;
	position:absolute;
	top:90px;
	right:0px;
}

#Forum #header 
{
	background-image:url(Images/bg-header-home.gif);
}

.prhead 
{
	font-size:1.5em;
	font-weight:bold;
	vertical-align:middle;
}


/* Link Popups */

#shroud {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #333;
    z-index: 1000;
    opacity: .75;
    -moz-opacity: .75;
    filter: alpha(opacity=75);
}

#popupExternal,
#popupResource {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 400px;
    z-index: 1500;
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: left;
    padding: 20px;
}

#popupExternal.displayDialog,
#popupResource.displayDialog {
    display: block;
}

#popupExternal p,
#popupResource p {
    margin-bottom: 10px;
}

#popupExternal .tandc,
#popupResource .tandc {
    height: 120px;
    overflow: auto;
    margin-bottom: 20px;
}