/*
common to all communities
*/
body {
    background-color: #e5e5e5;
    font-family: arial, sans-serif;
    margin:0;
}

#wrapper {
    width: 1280px;
    min-height: 800px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 30px -7px #000;
    -webkit-box-shadow: 0px 0px 30px -7px #000; 
    -moz-box-shadow: 0px 0px 30px -7px #000; 
    margin: 0 auto;
}

#wrapperBottom {
    width: 980px;
    height: 20px;
/*
    background-image: url('../../images/community/demo/wrapperBottom.jpg');
    background-repeat: no-repeat;
*/
    margin: 0 auto;
}

#topNav {
	width: 99%;
	padding: 0 0px;
    height: 33px;
    background-image: url('../../images/community/sarasota/topNavSlice.jpg');
    background-repeat: repeat-x;
}

#topNav .closeWindow {
    width: 100px;
    height: 25px;
    background-color: #333333;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    float: right;
    margin: 0 25px 0 0;
    padding: 5px 0 0 0;
}

#topNav .closeWindow:hover {
    cursor: pointer;
    color: #CC6600;
}

#topNav .navItem {
    height: 15px;
    margin: 6px 0 0 0;
    padding: 0 10px;
    float: right;
    font-size: 11px;
    text-align: center;
    color: #000000;
}

#topNav .loggedIn {
    float: left;
    border-left: 0px;
    color: #30416f;
}

#topNav .environment {
    color: red;
    width: 80px;
    height: 25px;
    float: left;
    border-left: 0px;
}

#topNav .last {
    border-left: none;
}

#topNav .navItem a {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
}

#topNav .navItem a:hover {
    color: #2F2F2F;
    text-decoration: underline;
}

#logo_1,
#logo_2 {
    width: 100%;
    height: 105px;
/*
    background-image: url('../../images/community/sarasota/logo_wide.jpg');
    background-repeat: repeat-x;
*/
	background-color: #fffcf0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#fff9e3));
	background-image: -webkit-linear-gradient(top, #FFF, #fff9e3);
	background-image:    -moz-linear-gradient(top, #FFF, #fff9e3);
	background-image:     -ms-linear-gradient(top, #FFF, #fff9e3);
	background-image:      -o-linear-gradient(top, #FFF, #fff9e3);
	background-image:         linear-gradient(to bottom, #FFF, #fff9e3);
	
    margin: 0 auto;
    padding: 0;
}

#logo_1 .clickAreaLeft,
#logo_2 .clickAreaLeft {
    width: 600px;
    height: 50px;
    cursor: pointer;
    margin: 10px 0 0 20px;
    float: left;
    font-weight : bold;
    color : #30416F;
    font-size: 28px;
    padding: 30px 0 0 0 ;
}

#logo_1 .clickAreaRight,
#logo_2 .clickAreaRight {
    width: 250px;
    height: 80px;
    cursor: pointer;
    margin: 20px 0 0 50px;
    float: left;
}

#mainNav {
    width: 980px;
    height: 40px;
    margin: 0 auto;
    font-size: 14pt;
    text-align: center;
    color: #FFFFFF;
    background-color: #004d95;
    clear: both;
    padding: 0 150px;
}

#mainNav .navItem {
    width: 180px;
    height: 30px;
    padding: 10px 0 0 0;
    background-color: #004d94;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#004d95), to(#003c74));
    background-image: -webkit-linear-gradient(top, #004d95, #003c74);
    background-image:    -moz-linear-gradient(top, #004d95, #003c74);
    background-image:     -ms-linear-gradient(top, #004d95, #003c74);
    background-image:      -o-linear-gradient(top, #004d95, #003c74);
    background-image:         linear-gradient(to bottom, #004d95, #003c74);
    float: left;
    border-right: 1px solid #FFFFFF;
}

#mainNav .navItem:hover {
    background-color: #003c74;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#003c74), to(#004d94));
    background-image: -webkit-linear-gradient(top, #003c74, #004d94);
    background-image:    -moz-linear-gradient(top, #003c74, #004d94);
    background-image:     -ms-linear-gradient(top, #003c74, #004d94);
    background-image:      -o-linear-gradient(top, #003c74, #004d94);
    background-image:         linear-gradient(to bottom, #003c74, #004d94);
}


#mainNav .selected {
    background-color: #2078ca;
}

#mainNav .last {
    margin-right: 0;
}
#mainNav .first {
    border-left: 1px solid #FFFFFF;
}

#mainNav .wide {
    width: 248px;
}

#mainNav .short {
    width: 103px;
}

#mainNav .navItem a {
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
}

#mainContent {
    /*width : 939px;*/
    margin: 0 auto;
    min-height: 600px;
}

#footer {
    width: 90%;
    height: 55px;
    margin: 15px auto 0px;
    font-size: 9pt;
    clear: both;
    border-top: none;
}

#footer .logo {
    width: 354px;
    height: 60px;
    background-image: url('../../images/community/common/clp_logo.png');
    background-repeat: no-repeat;
    float: left;
}

#footer .footerText {
    width: 150px;
    margin: 5px 0 0 100px;
    float: left;
    text-align: right;
    color: #30416f;
}

#footer .footerNav {
    width: 375px;
    float: left;
    margin: 5px 0 0 0;
}

#footer .footerNav .navItem {
    width: 95px;
    float: right;
    padding: 0 5px;
    text-align: center;
}

#footer .footerNav .small {
    width: 65px;
}

#footer .footerNav .navItem a {
    color: #30416f;
    text-decoration: none;
}

#footer .footerNav .navItem a:hover {
    text-decoration: underline;
}

#feedbackWidget {

    z-index: 1001;
    position: fixed;
}

#feedbackWidget .feedbackText {
    width: 10px;
    height: 170px;
    padding: 7.5px;
    background-color: #004D95;
    cursor: pointer;
    color: #CC6600;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    float: left;
    line-height: 1.5em;
}

#feedbackWidget .feedbackBox {
    width: 800px;
    height: 281px;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    background-color: #004D95;
    float: left;
    opacity: .95;
}

#feedbackForm {
    width: 780px;
    height: 260px;
    margin: 10px 0 0 10px;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
}

.flashMessenger_notice {
    width: 980px;
    height: 40px;
    padding: 15px 0 0 0;
    background-color: #004D95;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    position: fixed;
    z-index: 1001;
    top: -10px;
}

.flashMessenger_error {
    width: 980px;
    height: 40px;
    padding: 15px 0 0 0;
    background-color: red;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    position: fixed;
    z-index: 1001;
    top: -10px;
}

#feedbackDialog .explanatoryText {
    font-size: 13px;
    height: 25px;
    text-align: center;
    color: #0064B6;
}

#feedbackDialog .row {
    width: 400px;
    height: 30px;
    margin: 0 auto;
}

#feedbackDialog .tall {
    height: 130px;
}

#feedbackDialog .row .label {
    width: 150px;
    float: left;
    font-size: 13px;
    font-weight: bold;
    color: #0064B6;
}

#feedbackDialog .row .input {
    width: 250px;
    float: left;
    font-size: 12px;
}

#feedbackDialog .row .input input {
    width: 200px;
    height: 15px;
}

#feedbackDialog .row .input select {
    width: 205px;
    height: 22px;
}

#feedbackText {
    font-size: 12px;
}

#feedbackDialog .buttonRow {
    width: 90%;
    height: 30px;
    text-align: center;
    font-size: 14px;
}

.shadow {
    -moz-box-shadow: 3px 3px 4px #ADADAD;
    -webkit-box-shadow: 3px 3px 4px #ADADAD;;
    box-shadow: 3px 3px 4px #ADADAD;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#ADADAD')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 2, Direction = 135, Color = '#ADADAD');
}

.required {
    font-weight: bold;
    color: red;
}

#loadingImage {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    padding: 5px;
    background: #fff;
    z-index: 3000;
    border: 1px solid #000;
}


/*******************************/
/******* Generic Buttons *******/
/*****************************/

input.custStyle {	
	padding: 7px 10px 7px 34px;
	border: 1px solid #999;
	background-color: #E4E4E4;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E4E4E4), to(#c5c5c5));
	background-image: -webkit-linear-gradient(top, #E4E4E4, #c5c5c5);
	background-image:    -moz-linear-gradient(top, #E4E4E4, #c5c5c5);
	background-image:     -ms-linear-gradient(top, #E4E4E4, #c5c5c5);
	background-image:      -o-linear-gradient(top, #E4E4E4, #c5c5c5);
	background-image:         linear-gradient(to bottom, #E4E4E4, #c5c5c5);
	border-radius: 5px;
	box-shadow: 1px 1px 7px -3px #666;
	font-size: 12px;
	background-position: 7px 5px;
	background-repeat: no-repeat;
	cursor: pointer;
	margin:4px;
}
input.custStyle.vert {	
	background-position: center 4px;
	padding: 29px 6px 4px;
}
input.custStyle.big {	
	font-size: 14px;
	padding: 15px 15px 15px 47px;
	background-position: 6px 7px;
}
input.custStyle:hover {	
	background-color: #e9e3cf;
	box-shadow: 2px 2px 8px -2px #666;
}
input.custStyle.onlyIcon {
	border:none;
	background-color:transparent;
	box-shadow: none;
	padding:0;
}
input.custStyle.downloadtable {
	background-image: url('../../images/community/common/btngraph_downloadtableMd.png');
}
input.custStyle.reset,
input.custStyle.refresh {
	background-image: url('../../images/community/common/btngraph_resetMd.png');
}
input.custStyle.cancel {
	background-image: url('../../images/community/common/btngraph_cancelMd.png');
}
input.custStyle.search {
	background-image: url('../../images/community/common/btngraph_searchMd.png');
}
input.custStyle.go {
	background-image: url('../../images/community/common/btngraph_goMd.png');
}
input.custStyle.add {
	background-image: url('../../images/community/common/btngraph_addMd.png');
}
input.custStyle.delete,
input.custStyle.remove {
	background-image: url('../../images/community/common/btngraph_deleteMd.png');
}
input.custStyle.edit {
	background-image: url('../../images/community/common/btngraph_editMd.png');
}
input.custStyle.save {
	background-image: url('../../images/community/common/btngraph_saveMd.png');
}
input.custStyle.attach {
	background-image: url('../../images/community/common/btngraph_attachMd.png');
}
input.custStyle.new {
	background-image: url('../../images/community/common/btngraph_newMd.png');
}
input.custStyle.help {
	background-image: url('../../images/community/common/btngraph_helpMd.png');
}
input.custStyle.star {
	background-image: url('../../images/community/common/btngraph_starMd.png');
}
input.custStyle.up {
	background-image: url('../../images/community/common/btngraph_upMd.png');
}
input.custStyle.down {
	background-image: url('../../images/community/common/btngraph_downMd.png');
}
input.custStyle.prev,
input.custStyle.left {
	background-image: url('../../images/community/common/btngraph_leftMd.png');
}
input.custStyle.next,
input.custStyle.right {
	background-image: url('../../images/community/common/btngraph_rightMd.png');
}
input.custStyle.accept,
input.custStyle.submit {
	background-image: url('../../images/community/common/btngraph_acceptMd.png');
}
input.custStyle.org {
	background-image: url('../../images/community/common/btngraph_orgMd.png');
}
input.custStyle.email {
	background-image: url('../../images/community/common/btngraph_emailMd.png');
}
input.custStyle.addcomment {
	background-image: url('../../images/community/common/btngraph_addcommentMd.png');
}
input.custStyle.removeattachment {
	background-image: url('../../images/community/common/btngraph_removeattachmentMd.png');
}
input.custStyle.table {
	background-image: url('../../images/community/common/btngraph_tableMd.png');
}
input.custStyle.tools,
input.custStyle.settings {
	background-image: url('../../images/community/common/btngraph_settingsMd.png');
}
input.custStyle.comment,
input.custStyle.expressInterest {
	background-image: url('../../images/community/common/btngraph_commentMd.png');
}
input.custStyle.share {
	background-image: url('../../images/community/common/btngraph_shareMd.png');
}
input.custStyle.addimage {
	background-image: url('../../images/community/common/btngraph_addimageMd.png');
}
input.custStyle.chart {
	background-image: url('../../images/community/common/btngraph_chartMd.png');
}
input.custStyle.map {
	background-image: url('../../images/community/common/btngraph_mapMd.png');
}
input.custStyle.big.downloadtable {
	background-image: url('../../images/community/common/btngraph_downloadtableLg.png');
}
input.custStyle.big.table {
	background-image: url('../../images/community/common/btngraph_tableLg.png');
}
input.custStyle.big.reset,
input.custStyle.big.refresh {
	background-image: url('../../images/community/common/btngraph_resetLg.png');
	background-position: 8px 7px;
}
input.custStyle.big.cancel {
	background-image: url('../../images/community/common/btngraph_cancelLg.png');
}
input.custStyle.big.search {
	background-image: url('../../images/community/common/btngraph_searchLg.png');
}
input.custStyle.big.go {
	background-image: url('../../images/community/common/btngraph_goLg.png');
}
input.custStyle.big.add {
	background-image: url('../../images/community/common/btngraph_addLg.png');
}
input.custStyle.big.delete,
input.custStyle.big.remove {
	background-image: url('../../images/community/common/btngraph_deleteLg.png');
}
input.custStyle.big.edit {
	background-image: url('../../images/community/common/btngraph_editLg.png');
}
input.custStyle.big.save {
	background-image: url('../../images/community/common/btngraph_saveLg.png');
}
input.custStyle.big.attach {
	background-image: url('../../images/community/common/btngraph_attachLg.png');
}
input.custStyle.big.new {
	background-image: url('../../images/community/common/btngraph_newLg.png');
}
input.custStyle.big.help {
	background-image: url('../../images/community/common/btngraph_helpLg.png');
}
input.custStyle.big.star {
	background-image: url('../../images/community/common/btngraph_starLg.png');
}
input.custStyle.big.up {
	background-image: url('../../images/community/common/btngraph_upLg.png');
}
input.custStyle.big.down {
	background-image: url('../../images/community/common/btngraph_downLg.png');
}
input.custStyle.big.prev,
input.custStyle.big.left {
	background-image: url('../../images/community/common/btngraph_leftLg.png');
}
input.custStyle.big.next,
input.custStyle.big.right {
	background-image: url('../../images/community/common/btngraph_rightLg.png');
}
input.custStyle.big.accept,
input.custStyle.big.submit {
	background-image: url('../../images/community/common/btngraph_acceptLg.png');
}
input.custStyle.big.org {
	background-image: url('../../images/community/common/btngraph_orgLg.png');
}
input.custStyle.big.email {
	background-image: url('../../images/community/common/btngraph_emailLg.png');
}
input.custStyle.big.addcomment {
	background-image: url('../../images/community/common/btngraph_addcommentLg.png');
}
input.custStyle.big.removeattachment {
	background-image: url('../../images/community/common/btngraph_removeattachmentLg.png');
}
input.custStyle.big.tools,
input.custStyle.big.settings {
	background-image: url('../../images/community/common/btngraph_settingsLg.png');
}
input.custStyle.big.comment,
input.custStyle.big.expressInterest {
	background-image: url('../../images/community/common/btngraph_commentLg.png');
}
input.custStyle.big.share {
	background-image: url('../../images/community/common/btngraph_shareLg.png');
}
input.custStyle.big.addimage {
	background-image: url('../../images/community/common/btngraph_addimageLg.png');
}
input.custStyle.big.map {
	background-image: url('../../images/community/common/btngraph_mapLg.png');
}
input.custStyle.big.chart {
	background-image: url('../../images/community/common/btngraph_chartLg.png');
}