/* Start of CMSMS style sheet 'SPS XBROWSER' */
/* CSS Document */


body{
	background:url("images/bg_header_diagonal.gif") repeat-x #00121e;
	font-family:arial, sans-serif;
	margin:0;
	padding:0;
        /*color:#727272;*/
        color: #3a3a3a;

}

h1, h2, h3, h4, h5, p{margin:0;padding:0;}

* {
	margin:0;
	padding:0;
 }


p{
	/*color:#727272;*/
        color: #3a3a3a;
	font-size:13px;
	line-height:1.5em;
	padding:0 0 10px 0;
}

td{
        /*color:#727272;*/
        color: #3a3a3a;
	font-size:13px;
	line-height:1.5em;
	}


h1{

font-family:arial;
font-weight:bold !important;
font-size:38px !important;
padding:0 0 15px 0 !important;}


h2{
	color:#3a3a3a;
	font-size:17px;
	padding:10px 0;
}

h3{
	color:#1776b6;
	font-size:14px;
	padding:10px 0 3px 0;
}

h4{
	color:#3a3a3a;
	font-size:13px;
	padding:10px 0 3px 0;
	text-transform:uppercase;
}

h5{
	color:#3a3a3a;
	font-size:13px;
	padding:10px 0 3px 0;
	}
	

img{
	padding:1px;
	border:1px solid #dcdcdc;
	background:#e5e5e5;
}

img.left{
	float:left;
	margin:0px 10px 10px 0;
}

img.clean{
	padding:0;
	border:none;
	background:none;
	margin:0;
}


ol li{
	font-size:13px;
	/*color:#727272;*/
        color: #3a3a3a;
line-height:1.5em;
	/*list-style:url(images/blue_bullet.jpg);*/
	margin: .9em;
	padding:0;
}
ol{
	margin:.5em 1em;
}

ol ol li{
list-style-type: lower-alpha;
}


ol ol ol li{
list-style-type: lower-roman;
}

ol ol ol ol li{
   list-style-type: decimal;
}


ol ol ol ol ol li{
   list-style-type: lower-alpha;
}



ul li{
        list-style:none;
	font-size:13px;
	/*color:#727272;*/
       color: #3a3a3a;

	padding:3px 0 ;
}

#contentWrapper ul li{
       /* list-style:url(images/blue_bullet.jpg); */
       list-style:url(images/blue_bullet.gif);

	font-size:13px;
	/*color:#727272;*/
       color: #3a3a3a;

	padding:5px 0 ;
        line-height:1.5em;
}

ul{
	padding:0 0 0 1.1em;
}


a:link{color:#006699; text-decoration:none;background:none;}
a:visited{color:#0291d9; text-decoration:none;}
a:hover{color:#0291d9; text-decoration:underline;}
a:active{}



hr{
	border:none;
	height:1px;
	background:#dcdcdc;
	margin:20px 0;
}


blockquote{
	background:#e5e5e5;
	border:1px solid #dcdcdc;
	padding:5px 10px;
	color:#727272;
	font-size:13px;
	text-align:justify;
	line-height:1.5em;
	font-style:italic;
	margin:20px 0;
        width:400px;
}



.error{border:1px solid #600; padding:10px !important; background:#f4dee7; width:350px;text-align:center; color:#600;}



/*======================================
			Page Structure
=======================================*/

#header{
	width:980px;
	margin:0 auto;
	padding:0;
	position:relative;
	}

div.contentWrap{background:#fff;}

#wrapper{
	margin:0;padding:0;
}


/*======================================
			top nav section
=======================================*/

#topNav ul li{
	display:inline;
	font-size:10px;
	margin:0 5px;	
	padding:0;
}

#topNav ul{padding-top:3px  !important;}


#topNav{
	color:#fff;
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	right:0;
	
}
#topNav a{color:#fff; text-decoration:none; padding-right:6px;}
#topNav a:hover{color:#b1d0e5;}



/*======================================
			Content Window
=======================================*/
#contentWrapper{
	background:#bfcad3 url("images/bg_main_gradient.jpg") repeat-x top;
	clear:both;
	/*margin-top:33px;*/
        margin-top:31px;
	padding:5px 0 0 0;
        
	
	}

#contentWindow{
	width:980px;
	margin:0 auto;
	}


.myContentWindow{
	width:980px;
	margin:0 auto;
        margin-top:10px;
	}
/*======================================
			Footer
=======================================*/

#footWrapper{
	background:#00121e url(images/bg_footer_diagonal.gif) repeat-x top;
	padding:10px 0;
}
#footer{
	width:980px;
	text-align:left;
	min-height:155px;
  	height:auto !important;
  	height:155px;
       
}

#footer ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
}

#footer ul li ul{padding:0!important; margin:0!important;}

#footer li a{
        color:#fff;
}


#footer li ul li{
        clear:both;
        margin:0 0 0 0!important;
        padding:3px 0 !important;
}


#footer li ul li a{
	color:#b3d3e8;
	text-decoration:none;
}

#footer li{
  list-style:none;
  float:left;
  color:#fff;
  margin:15px 32px 0 0 !important;
  padding:0 !important;
  font-size:11px;
  width:90px;
  }


#conferences #calendar{
 margin:0 !important;
 padding:0 !important;
 text-align:left !important;
}

#about{
 margin-right:0 !important;
}

#about li{
margin-right:0 !important;
}

#home{display:none;}
#public_home{display:none;}
/*======================================
		Rounded Corner Content Boxes
=======================================*/


div.contentTop{
	background:transparent url(images/content_bg_top.gif) no-repeat bottom;
	padding:10px 40px;
                  
}

div.contentBottom{
	background:transparent url(images/content_bg_bottom.gif) no-repeat top;
	padding:10px 40px;
        margin-bottom:5px;
        height:19px;}

div.contentBox{
	background:#fff;
	padding:0 40px 40px 40px;
        min-height:450px;
  	height:auto !important;
  	height:450px;
}




#ieee{
width:980px;	
text-align:right;

        /*background:#fff;*/
        padding-right:86px;
}
#ieee2{
	text-align:right;
        /*background:#fff;*/
        /*padding-right:46px;*/
        padding-right: 0px;
       padding-top:30px;
}

.clear{clear:both}

/*=========================
Search
============================*/

/* These need to be fixed.  "m3" is dynamic and can change based on the  module load order...... */

#searchBuffer{
     background:url(images/search_left.jpg) no-repeat   top left;
     padding:0  0 0 4px; 
     margin:-5px 0 0 0;
     width:175px;
}

#searchField input{
       background:url(images/search_repeater.jpg) repeat-x   top left;
       border:none;
       height:24px;
       margin:0;
       padding:0;
       color:#1776b6;
       display:block;
       float:left;
       width:140px;
       padding:3px 0 0 5px;
}

#submitBtn{
margin:0px 0 0 0;
padding:0;
width:28px;
height:24px;
}




#search{
       margin:0 -2px 0 5px !important;
}

/*======================================
			sec nav section
=======================================*/

#secNav ul li{
	display:block;
        float:left;
	font-size:12px;	
	margin:0 10px;
}


#secNav ul{padding-top:0 !important;}

#secNav{
	margin:0;
	text-align:left;
        color:#000;
	position:absolute;
	/*top:55px;*/
        top:35px;
	right:0;

}
#secNav a{color:#fff; text-decoration:none;}
#secNav a:hover{color:#b1d0e5;}



div#loginModule{
   position:absolute;
   top:75px;
   right:353px;
   display:none;
   background:#fff url(images/dropdown_bggradient.gif) repeat-x left bottom;
   width:180px;
   border:1px solid #d6d6d6;
   z-index: 100000;
   padding:10px;
}

.closer{font-size:10px !important;text-align:right;}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h5 {
	visibility: hidden;
	
}

/*======================================
			Login & Account Settings
=======================================*/

#accountSettings td{
   padding:5px 0;
   font-size:12px;
}

#login p{
  padding:3px 0;
}


/*======================================
			Event Permalink Details
=======================================*/

.calendar-date-from{
  font-size:12px;
  color:#b2b2b2 !important;
  font-style:italic;
  margin:0;
  padding:3px 0;
}

.calendar-details-title{display:none;}

div.event_email a{
  background: url(images/calendar/icon_mail.gif) no-repeat top left;
  font-size:12px;
  padding-left:20px;
  color:#1776b6;
}

div.event_email a:hover{
  color:#001b2d;;
}



/*======================================
			File Upload Manager
=======================================*/

#upload{
  border:1px solid #d3d3d3;
  width:200px;
  padding:0 20px 20px 20px;
}

#uploadwrapper{
   float:left;
  
}
#uploadwrapper h2{
  background:#d3d3d3;
  margin:0;
  border:1px solid #d3d3d3;
  width:220px;
  padding:10px;
  font-size:13px;
  text-transform:uppercase;
}
#upload textarea{
  width:160px;
  height:100px;
}

#upload h4{
  text-transform:uppercase;
  font-size:12px;
color:#1776b6;
}

#upload input{
  width:160px;
}

#author{
  display:none;
}
#uploadSubmit input{
  width:80px;
}
#uploadBrowse input{
   width:100px;
}

#summary{
  width:600px;
  margin:1px 0 10px 0px;
  border:1px solid #d3d3d3;
  border-collapse:collapse;
}

#upSummaryWrapper{
   margin-left:260px;

}

#summary th{
  color:#3a3a3a;
  font-size:11px;
  text-transform:uppercase;
  padding:3px 10px 3px 3px;
 background:#d3d3d3;
}

#summary td{
  padding:3px;
  border-top:1px solid #d3d3d3;
 border-bottom:1px solid #d3d3d3;
}

#uploadActions td{
  border:none !important;
}

#fileDetail{
  width:400px;
  margin:0 0 20px 20px;
}
  

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

div.fakefile input{
  border:none;
  position:absolute;
  top:0px;
  background:url(images/select_bg.gif) no-repeat;
  height:31px;
}

div.fakefile img{
  position:absolute;
  top:-2px;
  left:121px;
  padding:0 !important;
  border:none !important;
  padding-top:0px !important;
}
/*
input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}*/

#uploadBtn input{
  margin-top:20px;
  width:63px;
}
#uploadBrowse input{
   width:100px;
}
/*===========Details*/

#fileDetails{
  width:650px;
  margin:0 0 0 250px;
  min-height:300px;
  height:auto !important;
  height:300px;
}

#fileDetails table td{
  padding:2px 10px 2px 0;
}

td.detailLabel{
  font-weight:bold;
  color:#3a3a3a;
}

#detailtitle{
border-bottom:1px solid #ccc;
margin:0 0 5px 0 !important;
padding:0 0 5px 0 !important;
}



#detailBtn a{
 background:url(images/magnifier.gif) no-repeat;
 height:16px;
  width:18px;
  text-indent:-10000px;
  display:block;
}

#detailBtn{
  float:left;
  background:url(images/magnifier.gif) no-repeat;
  height:18px;
  width:18px;
  margin:5px 0 0  0;
}

.editbtn img{
padding-top:2px;
}

/*===========File Manager Home Page*/

li.fileManagerButton {
  float:left;
  list-style-image:none !important;
  list-style-type:none !important;
 }

li.fileManagerButton a{
  width:160px !important;
  height:80px !important;
  margin:0 10px 0 0;
  display:block;
  text-indent: -100em;
  overflow: hidden;
}


#bogFiles { background:url(images/btn_bog.gif) no-repeat bottom left;}
#bogFiles:hover { background:url(images/btn_bog.gif) no-repeat top left;}

#genFiles { background:url(images/btn_generalfiles.gif) no-repeat bottom left;}
#genFiles:hover{ background:url(images/btn_generalfiles.gif) no-repeat top left;}

#filesforvote { background:url(images/btn_filesforvote.gif) no-repeat bottom left;}
#filesforvote:hover { background:url(images/btn_filesforvote.gif) no-repeat top left;}

#excom { background:url(images/btn_excom.gif) no-repeat bottom left;}
#excom:hover { background:url(images/btn_excom.gif) no-repeat top left;}

#staff { background:url(images/btn_staff.gif) no-repeat bottom left;}
#staff:hover { background:url(images/btn_staff.gif) no-repeat top left;}

#awardsboard { background:url(images/btn_awards.gif) no-repeat bottom left;}
#awardsboard:hover { background:url(images/btn_awards.gif) no-repeat top left;}


#techdirections { background:url(images/btn_techdirections.gif) no-repeat bottom left;}
#techdirections:hover { background:url(images/btn_techdirections.gif) no-repeat top left;}


#techcommittee { background:url(images/btn_techcommittee.gif) no-repeat bottom left;}
#techcommittee:hover { background:url(images/btn_techcommittee.gif) no-repeat top left;}


#publicationsfiles { background:url(images/btn_publications.gif) no-repeat bottom left;}
#publicationsfiles:hover { background:url(images/btn_publications.gif) no-repeat top left;}


#conference { background:url(images/btn_conference.gif) no-repeat bottom left;}
#conference:hover { background:url(images/btn_conference.gif) no-repeat top left;}


/*Voting*/



div.ballotWrapper{color: #1776b6;  padding:0 0 30px 0;}
p.voteDetail{display:inline; margin:2px 5px 0 0 !important; font-size:.68em; text-transform:capitalize; color:#1776b6; }
p.voteDetail strong{color:#1776b6 !important;}
div.ballotWrapper p{margin:0; padding:0;}
div.ballotWrapper hr{border:none; height:1px; background:#fff; color:#fff; padding:1px 0; margin:0;}
div.votePagination{font-size:12px; display:inline; font-weight:bold; color:#b5b5b5;}
div.votePagination a{padding:0 1px; color:#b5b5b5;}
div.votePagination a:hover{color:#1776b6;}
div.ballotWrapper strong{color:#3a3a3a;}
div.homeVoteHead{border-bottom:1px solid #c1c1c1; padding-bottom:2px;}


span.voteButton a{
    background:url(images/btn_vote_small.gif) no-repeat;
    height:21px;
    width:44px;
    margin:-2px 10px 0 0;
    text-indent:-100em;
    display:block; float:left;
}
#votePanel{width:270px; float:left;}

/*p.voteDesc{margin-bottom:5px !important;}*/

#votePanel div{
   background:#eeeeee;
   border:1px solid #dcdcdc;
   padding:10px;
   margin:0 0 10px 0;
}
#votePanel h2{
  color: #1776b6;
  font-size: 14px;
  text-decoration:none;
}
#votePanel p{margin:0;padding:4px 0;}
#votePanel h3{
  color: #3a3a3a;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 6px 0;
  padding:0;
}

#votePanel ul li{list-style: url(images/blue_bullet3.gif)!important;}

#voteHome{margin-left:300px;}
#voteHome a, #votePanel a{color:#1776b6;}
#voteHome a:visited, #votePanel a:visited{color:#1776b6;}
#voteHome a:hover, #votePanel a:hover{color:#001b2d;}

/*========================== Enter New Ballot Form */
#ballotEntry{
   border:1px solid #d6d6d6;
   background: url(images/bg_meetingadd.gif) repeat-x bottom left;
   padding:20px 50px;
}

#ballotEntry label{
   color:#3a3a3a;
   padding: 10px 0 3px 0;
   font-weight: bold;
   display:block;
   font-size:13px;
   width:300px;
}

#ballotEntry label small{width:200px;}

label.dateLabel{width:200px; padding:5px 0;}

#ballotStart input{
   width: 268px;
   background: url(images/bg_voteinput.gif) no-repeat;
   border:none;
   padding:6px 5px 10px 8px;
}

#ballotEntry select{width:90px;}
#ballotEntry h3{font-size:22px;}

#ballotStart{
  width:350px;
  float:left;
}

#ballotChoices{
   margin-left:385px;
}


#ballotDetails{clear:both;}

#ballotDetails textarea{
   background: url(images/bg_meetingtextarea.gif) no-repeat;
   background-color: transparent;
   height: 120px;
   border:none;
   padding: 10px 20px 10px 10px;
   width: 755px;
   margin:0 0 10px 0;
}

#ballotChoices textarea{
   background: url(images/bg_textareasmall.gif) no-repeat !important;
   background-color: transparent;
   height: 125px;
   border:none;
   width:363px;
   padding: 10px 25px 10px 10px;
}

#ballotSubmit input{
  margin:0;
  padding:3px 0 6px 0;
  width:108px;
  height:25px;
  background: url(images/btn_bg2.gif) no-repeat top center !important;
  font-size:11px !important;
  color:#fff;
  border:none;
}

p.editBtn a{
  margin:10px 0 0 0;
  padding:4px 1px 6px 0;
  display:block;
  width:108px;
  height:25px;
  background: url(images/btn_bg2.gif) no-repeat top center !important;
  font-size:11px !important;
  color:#fff !important;
  border:none;
}
p.editBtn{text-align:center;}

/*================= Vote Boxes */

#voteWrapper{
   border:1px solid #d6d6d6;
   background: url(images/bg_meetingadd.gif) repeat-x bottom left;
   padding:20px;
   height:20px;
}

hr.clearer{clear:both; margin:0; padding:0;  color: #fff; background-color: #fff; height: 1px;}

div.radio{float:left; padding:0 10px;}

/*================= Comment Styling */
#comments label{
   color:#3a3a3a;
   padding: 10px 0 3px 0;
   font-weight: bold;
   display:block;
   font-size:13px;
   width:130px;
}
#comments{
      padding:10px 0;
      margin:10px 0;
      border-bottom:1px solid #c1c1c1;
      border-top:1px solid #c1c1c1;
}



/*================= Results */

#results{
   width:155px;
   margin:10px 0 10px 10px;
   padding:10px;
   float:right;
   background:#eeeeee;
   border:1px solid #dcdcdc;
   text-align:left;
   }
#results h3{ padding:0 0 3px 0;}
#results p strong{color:#1776b6; padding:0 2px 0 0;}
#results p{padding:3px 0; margin:0; font-weight:bold;}


/*================= Results */
.clicker, .clickHide{
   cursor:pointer;
  margin:2px 0 0 490px;
  padding:4px 1px 6px 0;
  display:block;
  width:108px;
  height:25px;
  background: url(images/btn_bg2.gif) no-repeat top center !important;
  font-size:11px !important;
  color:#fff !important;
  border:none;
  text-align:center;
}

span.resultValue{margin:0 20px 0 0;}
.supportingdocuments {
padding: 10px;
background-color: #FAFAFA;
border: 1px solid #E9E9E9;
width:350px;
}

#uploadlist ul{
  margin:0;
  padding:0;
}

#uploadlist ul li { 
  background: url("/images/cms/arrow.gif") 0px 7px no-repeat  !important;
  list-style:none !important;
  padding-left:15px;
}

#attachments_fields{
  margin:5px 0 0 0;
}

#uploadlist img{
   padding:0 ;
   background:0;
   border:none;
}

#footer li {
list-style-type: none !important;;
list-style-image: none !important;;
list-style-position: outside !important;;
float: left !important;;
color: #ffffff !important;;
margin:15px 32px 0 0 !important;
padding: 0 !Important;
font-size: 11px;
width: 90px;
}

/* End of 'SPS XBROWSER' */