@import url(/cnxapp/css/cnxapp_v1.css);

/*--------------------------------------------
CSS RESET
Resets the CSS for all browsers.
--------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	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;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*--------------------------------------------
BASE FORMATTING
These should be customized for this site.
--------------------------------------------*/

*
{
    font-size: 12px;
    font-family: Tahoma, Arial, Verdana;
}

body
{
    overflow: -moz-scrollbars-vertical;
    text-align: center;
    background-image: url(/graphics/fw/fullback.gif);
    background-position: center top;
}

p
{
    overflow: hidden;
    margin-bottom: 6px;
}

a, a:link, a:visited
{
    text-decoration: none;
    color: #144A90;
}

a:hover
{
    color: #327DDE;
}

h1
{
    font-size: 18px;
    color: #2F568B;
    margin-bottom: 6px;
    font-family: Georgia;
}

h2
{
    color: #B8871D;
    font-size: 15px;
    margin-bottom: 4px;
    font-weight: 100;
    margin-top: 4px;
    font-family: Georgia;
}

h3
{
}

h4
{
    font-size: 10px;
    font-weight: 700;
    color: #666666;
    margin-top: -5px;
    margin-bottom: 6px;
}

ul
{
}

ul li
{
}

ol
{
    overflow: visible;
    margin-bottom: 4px;
    margin-left: 10px;
}

ol li
{
    overflow: visible;
    margin-bottom: 3px;
    margin-left: 10px;
}

.theCode
{
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px dashed #B8871D;
    padding-right: 400px;
    background-image: url(/graphics/fw/brideback400.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;

}

.theCodeSub
{
    overflow: hidden;
    margin-bottom: 8px;
    font-family: Georgia;
    font-size: 11px;
    font-weight: 100;
    font-style: italic;
    color: #3F6AA7;
}

.theCode ol, .theCode ol li
{
    font-family: Georgia;
    font-size: 14px;
}

.theCode ol
{
    margin-left: 15px;
}

.theCode ol li
{
    overflow: visible;
    margin-bottom: 7px;
    margin-left: 10px;
}

/*--------------------------------------------
FRAMEWORK FORMATTING
These should be customized for this site.
--------------------------------------------*/

a.sitesubmitlink
{
    border: 1px solid #BBBBBB;
    background-color: #EEEEEE;
    padding: 3px;
    font-size: 10px;
    font-weight: 700;
    padding-left: 7px;
    padding-right: 7px;
}


a:hover.sitesubmitlink
{
    background-color: #FFFFFF;
}

.boxsplitright
{
    float: right;
    padding-left: 20px;
    overflow: visible;
    margin-left: 2px;
}

/*--------------------------------------------
FRAMEWORK FORMS (V1)
Can be customized for v1 Framework Forms
--------------------------------------------*/

.ff_title
{
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    color: #555555;
    margin-top: 3px;
    margin-bottom: 1px;
}

.ff_field
{
    margin-top: 1px;
    margin-bottom: 1px;
    padding-bottom: 2px;
}


.ff_field input
{
    width: 98%;
    padding: 2px;
    padding-left: 3px;
    font-size: 11px;
}

.ff_field input.req
{
    background-position: top right;
    background-repeat: no-repeat;
}

.ff_field textarea.req
{
    background-position: top right;
    background-repeat: no-repeat;
}

.ff_field textarea
{
    width: 98%;
    padding: 2px;
    padding-left: 3px;
    font-size: 11px;
}

.ff_field select
{
    width: 98%;
    font-size: 11px;
}

.ff_submit
{
    text-align: center;
    margin-top: 8px;
}

.ff_submit input
{
    font-size: 11px;
    font-weight: 700;
}

/*-------------------------------------------------------------
SITE STRUCTURE
Should contain formatting for the basic site structure only.
--------------------------------------------------------------*/

#fullout
{
    width: 780px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#headcont
{
    overflow: hidden;
    height: 171px;
    background-image: url(/graphics/fw/headback.jpg);
    position: relative;
}

#headtop
{
    position: absolute;
    width: 609px;
    height: 34px;
    overflow: hidden;
    left: 166px;
    top: 1px;
    padding-top: 4px;
    padding-right: 4px;
}

#headlogo, #headlogo:link, #headlogo:visited
{
    overflow: hidden;
	display: block;
	width: 165px;
	height: 135px;
}

#headmen
{
    width: 778px;
    height: 31px;
    overflow: hidden;
    left: 1px;
}

#headmen a, #headmen a:link, #headmen a:visited
{
    float: left;
    margin-top: 7px;
    padding-left: 11px;
    padding-right: 12px;
    color: #FFFFFF;
    font-size: 15px;
    font-family: Georgia;
    border-right: 1px solid #B9C8DC;
}

#headmen a.sc_last, #headmen a.sc_last:link, #headmen a.sc_last:visited
{
    border-right: none;
}

#headmen a:hover
{
    color: #CAE0FF;
}

#headtop .sc_title
{
    font-size: 16px;
    color: #FFFFFF;
    font-family: Georgia;
    text-align: right;
}


#headtop .sc_subtitle
{
    font-size: 10px;
    color: #FFFFFF;
    font-family: Georgia;
    text-align: right;
    margin-top: -1px;
}

#footercont
{
    text-align: center;
    font-size: 10px;
    padding: 4px;
    border-top: 1px solid #B9C8DC;
    overflow: hidden;
    margin-left: 1px;
    margin-right: 1px;
    color: #444444;
}


#footercont *
{
    font-size: 10px;
}

#bodycont
{
    overflow: hidden;
    padding: 10px;
    width: 760px;
}


#headswitch
{
    float: right;
    overflow: hidden;
    margin-top: 6px;
    margin-right: 6px;
}

#headswitch div
{
    float: left;
    overflow: hidden;
    margin-top: 3px;
    color: #FFFFFF;
    font-size: 11px;
    margin-right: 3px;
}

#headswitch select
{
    float: left;
    font-size: 11px;
    border: 1px solid #2E568A;
}



/*==============================================================
Plannig Guide
==============================================================*/



.winPlanningGuideListLink
{
    float: left;
    width: 190px;
    background-image: url(/graphics/fw/bulletblue.gif);
    background-repeat: no-repeat;
    background-position: 0px 10px;
    padding-left: 7px;
    margin-right: 15px;
    height: 12px;
    padding-top: 6px;
    overflow: hidden;
}

.winPlanningGuideListLink a
{
    font-size: 10px;
    font-weight: 700;
}








.featureprotitle
{
    padding: 6px;
    padding-left: 10px;
    background-color: #F5D6FF;
    overflow: hidden;
    margin-bottom: 5px;
    color: #804E90;
    font-size: 11px;
    font-weight: 700;
}


.featuredprocont
{
    overflow: hidden;
    float: left;
    background-color: #F5D6FF;
    margin-top: -5px;
    border-right: 10px solid #FFFFFF;
}



.featuredprocont .winCatDirItemCont
{
    width: 250px;
    margin-right: 10px;
    margin-left: 10px;
    _margin-left: 5px;
    _margin-right: 5px;
    overflow: hidden;
    border-bottom: 10px solid #F5D6FF;
    margin-bottom: 0px;
}



/*==============================================================
siteUserAppOptions
==============================================================*/


.siteUserAppTitle
{
    font-size: 15px;
    color: #774586;
    margin-bottom: 5px;
    clear: both;
}


.siteUserAppTitleSec
{
    border-top: 8px solid #FFFFFF;
}


.siteUserAppInstruction
{
    font-size: 10px;
    font-weight: 700;
    color: #555555;
    margin-bottom: 4px;
}


.ffboxbase
{
    padding: 2px;
    padding-left: 3px;
    border: 1px solid #C8AAD2;
    border-top: 1px solid #A77FB4;
    border-left: 1px solid #A77FB4;
    font-size: 11px;
}

.fffieldcont
{
    margin-bottom: 4px;
}

.fftitle
{
    font-size: 10px;
    font-weight: 700;
    color: #777777;
    text-transform: uppercase;
    margin-bottom: 1px;
}


.fftoolbar
{
    margin-top: 3px;
    margin-bottom: 3px;
}

a.sitebutton, a.sitebutton:link, a.sitebutton:visited
{
    border-top: 1px solid #4E9DFF;
    border-left: 1px solid #4E9DFF;
    border-right: 1px solid #0056C0;
    border-bottom: 1px solid #0056C0;
    background-color: #D6E8FF;
    padding: 2px;
    padding-bottom: 3px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 10px;
    font-weight: 700;
    color: #003D89;
    display: block;
    float: left;
    margin: 0px;
    margin-right: 3px;
}

a:hover.sitebutton
{
    background-color: #ffffff;
}

.fftoolbar a.sitebutton
{
    margin-right: 3px;
}


/*==============================================================
siteUserAppOptions
==============================================================*/


.homeOut
{
    overflow: hidden;
    background-image: url(/graphics/fw/menback.jpg);
    background-position: top right;
    background-repeat: repeat-y;
    width: 760px;
}

.homeRight
{
    float: right;
    margin-left: 22px;
    width: 172px;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
}

.homeRow
{
    overflow: hidden;
    margin-bottom: 10px;
}

.homeRowSplit
{
    border-top: 3px solid #7A96BD;
    padding-top: 10px;
}

.homeSlide
{
    width: 180px;
    height: 120px;
    background-color: #000000;
    margin-right: 10px;
    _margin-right: 7px;
    float: left;
    border: 1px solid #BBBBBB;
    text-align: center;
}

.homeSlideRight
{
    float: right;
    margin-right: 0px;
}

.homeLeft
{
    overflow: hidden;
    _width: 560px;
}

.highlightBox
{
    height: 180px;
    width: 250px;
    overflow: hidden;
    float: right;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-image: url(/graphics/fw/highback.jpg);
}

.highlightBox .sc_title
{
    font-size: 11px;
    font-weight: 700;
    color: #274F86;
    text-align: center;
    overflow: hidden;
}

.infoBox
{
    height: 180px;
    overflow: hidden;
}

.networkingEvents
{
    overflow: hidden;
    float: left;
    width: 300px;
    margin-right: 15px;
}

.infoBox .sc_title, .networkingEvents .sc_title
{
    font-size: 11px;
    font-weight: 700;
    color: #274F86;
    text-align: left;
    overflow: hidden;
}

.infoBox .sc_items
{
    overflow: hidden;
    padding: 5px;
}


.infoBox .sc_items a, .infoBox .sc_items a:link, .infoBox .sc_items a:visited, .networkingEvents .sc_items a, .networkingEvents .sc_items a:link, .networkingEvents .sc_items a:visited
{
    display: block;
    padding: 4px;
    font-size: 11px;
    font-weight: 100;
    padding-left: 15px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(/graphics/fw/homecheck.jpg);
}

.rightMen
{
    overflow: hidden;
}

.rightMen a, .rightMen a:link, .rightMen a:visited
{
    display: block;
    background-color: #EEEDE3;
    border-left: 3px solid #B5B39B;
    padding: 2px;
    padding-left: 3px;
    margin: 3px;
    font-size: 10px;
    font-weight: 700;
    color: #5C5A3C;
}
.rightMen a:hover
{
    background-color: #FFFFFF;
    border-left: 3px solid #5C5A3C;
}
.spotlightContainer
{
    width: 230px;
    height: 140px;
    margin: 10px;
    margin-top: 17px;
    background-color: #000000;
}

.homeRightAds
{
    width: 152px;
    height: 82px;
    overflow: hidden;
    margin: 9px;
    border: solid 1px #BFBDA1;
}