body {
	margin: 0px;
	padding:0px;
	text-align: center;
	background: #FFF;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	height: 100%;
	line-height: 1.3em;
	behavior: url(css/iepngfix.htc);	
}

img{
	behavior: url(css/iepngfix.htc);
}

div, td{
	height: auto;
}

hr{
	border: 1px solid #1F2C3F;
	width: 95%;
}

div, table, p{
  font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	line-height: 1.3em;
}

h1, h2, h3, h4{
	margin-top: 0px;
}

h1{
	font-size: 24px;
}

h2{
	font-size: 18px;
}

h3{
	font-size: 16px;
}

h4{
	font-size: 14px;
}

ul li, ol li{
	line-height: 1.8em;
}

ul#reviews li, ul#examples li{
	padding: 5px 35px;
	margin: 20px 0px;
	margin-left: -30px;
	list-style-position: outside;
	list-style-type:none;
	line-height: 1.8em;	
	background-repeat: no-repeat;
}

ul#reviews li a, ul#examples li a{
	font-weight: bold;
}

ul#reviews li{
	background-image: url(../images/cellblock/quote.png);
	behavior: url(css/iepngfix.htc);	
}

ul#examples li{
	background-image: url(../images/cellblock/pound.png);
	behavior: url(css/iepngfix.htc);	
}

a {
	color:#666;
}

a:hover{
	color:#1F2C3F;
}

textarea, input, select, input.file{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	border: 1px solid #999999;
	padding: 1px;
}

.centerText {
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
}	

.rightText{
	text-align: right;
	padding-left: 0px;
	padding-right: 0px;
}

.noBorder{
	border: 0px;
}

.smallText {
	font-size:9px;
	font-weight: normal;
}
	
.noUnderline{
	text-decoration: none;
}
	
.help {
	font-size:10px;
	color:#666;
	cursor:pointer;
}

#main {
	width: 935px;
	margin: 0px auto;
	text-align:center;
	background-color:#fff;
	padding:0px;
	height: 600;
}

#formResponse{
	text-align: center;
	color: #FF0000;
	font-size: 10px;
}

/*-----header.jsp-----*/

#header {
	width:100%;
	height:78px;
	background-color:#374458;
	/*border-bottom: 2px solid #1F2C3F;*/
	background-image: url(../images/headerbg.png);
}
#headerLogo{
	float: left;
	display: inline;
}

#headerBlock{
	text-align:right;
	float: right;
	display: inline;
	margin-top: 20px;
}

#topNav{
	font-size: 12px;
	color:#FFFFFF;
	clear:both;
	margin:0px 10px;
}

#topNav a, #topNav a:visited {
	color: #F3F3F3;
}

#topNav a:hover{
	color: #EAEAEA;
}

#search table {
	color: #f3f3f3;
	font-size: 10px;
	margin:7px 10px 0px 10px;
}

#search input{
	border: 0px;
}

#search input{
	width:165px;
	margin-left:5px;
}
	
#search .submit{
	width: 40px;
	background-color: #3670B9;
	color: #FFFFFF;
	font-size: 10px;
}

/*-------------------*/	

#pageHeadline {
	width:inherit;
	padding:10px;
	margin:auto auto 10px;
	text-align:center;
	font-weight:bold;
	color:#333;
	text-transform: uppercase;
}

#navDivider {
	margin: 15px 0px;
}

/*-----watch.htm-----*/

#watchDescription{
	padding-left: 20px;
}

.watchTitle{
	background-color: #DDDDDD;
	padding: 3px 0px 3px 10px;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	overflow: hidden;
	color: #666;
}

.watchTitle a{
	font-size: 10px;
}

.watchDetails{
	border: 1px solid #DDDDDD;
	padding: 10px;
	background-color: #F3F3F3;
	overflow: visible;	
}

.watchDetails, .watchDetails div, .watchDetails table{
	line-height: 1.5em;
	font-size: 12px;	
}

#watchContribute{
	color: #666666;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.3em;
}


#divWildfirePost{
	margin: auto;
}

#commentTop{
	margin-top: 15px;
	width:inherit;
	line-height:inherit;
	clear:both;
	height:15px;
}

#commentHead {
	text-align: left;
	padding: 5px;	
	height:15px;
	font-weight:bold;
	background-color: #DDDDDD;
	border:1px solid #DDDDDD;	
	margin-top:10px;
	font-size: 10px;	
	width: 310px;	
}
	
#commentBody, #commentText {
	text-align: left;
	padding:5px;	
	border:1px solid #DDDDDD;
	overflow:hidden;
	line-height: 1.3em;	
	font-size: 10px;
	display: block;
	width: 310px;
}

#commentBody{
	border-top: 0px;
	background-color: #F3F3F3;	
}

#commentText{
	width: 100%;
	background-color: #FFFFFF;		
}	

#watchContribute strong{
	font-size: 24px;
}

#tagsData{
	display: inline;
}

#myRate, #avRate{
	margin: 0px auto;
	text-align: center;
	font-size: 10px;
}

#myRate{
	color: #ED2225;
}

#watchTitleRight{
	position: absolute;
	top: 3px;
	right: 5px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#watchTitleRight img{
	width: 14px;
	height: 14px;
}

#watchTitleRight, #staticStars, #dynamicStars{
	display: inline;
}

/* ------ */

#links img{
	border: 0px;
}

#embedTable{
	margin-top: 10px;
}

.embedBox{
	font-size: 11px;
	width: 200px;
	margin: 3px 15px 0px 5px;
}

#cellblockNav{
	width: 100%;
	text-align: left;
	padding: 5px 0px 15px 5px;
	font-size: 14px;
	display: block;
}

#cellblockNav strong{
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding: 2px 20px;
	font-weight: bold;
}

#cellblockNav a{
	border: 1px solid #CCCCCC;
	background-color:#F3F3F3;	
	padding: 2px 20px;
	text-decoration: none;
	color: #999999;	
}

#cellblockNav a:hover{
	color: #000000;
	background-color:#EEE;	
}

#body {
	margin: 0px 0px; 
	width: 100%;
	background-color: #FFF;
}

#body tr{
	overflow: visible;
}

#body tr td{
	text-align: left;
	vertical-align: top;
}

#center{
	text-align: left;
	height: 1px;
	width: inherit;
	vertical-align: top;
	padding: 20px 15px;
}

#center, #center p{
	line-height:1.4em;
}

.thinBorder{
	border:1px solid #CCC;
}



table#upload {
  font: 12px Verdana, Arial, Helvetica, sans-serif;
}

table#upload td.uploadLabel{
	height:30px;
	width:105px;
	text-align:right;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

table#upload td.uploadSpace{
	width:10px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
}
	
table#upload td.uploadInput{
	height:30px;
	width:280px;
	text-align:left;
}

table#upload input{
	width:250px;
}

table#upload input.uploadButton{
	width:75px;
}

table#uploadPreview {
  	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:auto;
}
	
table#uploadPreview input.uploadButton{
	width:75px;
}

table#uploadPreview td.uploadButtonCell{
	height:30px;
}

#uploadImg{
	width:400px;
	height:300px;
	border:1px solid #999;
}
	
#right {
	vertical-align:top;
	padding: 0px 0px 0px 20px;
}

.rightCol{
	width: inherit;
}

#pagingDivTop, #pagingDivBottom {
	margin:5px 10px 5px 0px;
	display: block;
	}
	
#pageNumber, #pageElipse{
	color:#666;
	margin:0px 3px;
	text-decoration:none;
}

#pageNumber{
	cursor: pointer;
}

#pageCurrent{
	margin:0px 3px;
	font-weight:bold;
}
	
#right div#secondaryRight {
	background-color:#F3F3F3;
	border:1px solid #CCC;
	padding:15px 10px 10px;
	line-height:1.3em;
}
	
#cbStatus{
  font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #F00;
	width: 100%;
	text-align: center;
}
#rateStar{
	cursor: pointer;
}
	
#blocksBox{
	text-align: center;
	display: block;
	overflow: hidden;
}

#startBox{
	text-align: center;
	margin: 20px 0px;
	width: 450px;
	float: left;
}

#blocks{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

#blockItem {
	text-align: left;
	width: 215px;
	float: left;
	display: block;
	background-color:#F3F3F3;
	border:1px solid #DDDDDD;
	height: 110px;
	margin: 10px 5px 5px 10px;
}

#blockText {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 0px;
	display:inline;
	float: left;
	width: 90;
}	

#blockImg {
	border: 1px solid #999;
	margin:5px;
}

.rtThumbDiv {
	float:left;
	width:115px;
	margin: 0px;
	text-align: center;
}

.rtThumbTitleDiv{
	font-size: 10px;
	letter-spacing: .1em;
	font-weight: bold;
 	background-color: #DDDDDD;
 	padding: 3px 6px;
}

/*-----sign in/up-----*/


#loginTable{
	margin-bottom: 10px;
}

#recoveryInputRight {
	margin:auto;
}

#recoveryInput {
	width:300px;
	margin:auto;
}

#logInForm {
	margin: 10px;
	padding: 10px;
}

.label{
	height:25px;
	width:140px;
	text-align:right;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.error{
	width:10px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
}

td.input input.inputButton{
	width:75px;
	margin:0px 5px;
	}
	
.startEditForm  select.forminputmonth {
	background: #fff;
	color: #000;
	width: 80px;
	}
.startEditForm select.forminputday {
	background: #fff;
	color: #000;
	width: 80px;
	}
.startEditForm select.forminputyear {
	background: #fff;
	color: #000;
	width: 80px;
	}
.startEditForm input.inputcheckbox {
	vertical-align:text-top;
	border: 1px solid #000;
	width: 15px;
	height:15px;
	}
.startEditForm input.inputRadio {
	width: 15px;
	height:15px;
	}
	
#msg {
	margin:auto;
	text-align:left;
	color:#F00;
	}
/*-----start.jsp-----*/

#general, .startEditForm{
	margin-left: 50px;
}

div#startEdit {
	text-align:left;
	/*background-color:#EAEAEA;
	padding:10px;*/
	line-height:1.5em;
	margin-bottom:10px;
	}
table.startEditForm, table.startEditFormTop {
  	font: 11px Verdana, Arial, Helvetica, sans-serif;
		border: 0;
}
table.startEditFormTop{
	margin: 5 15 10 15;
	cursor: pointer;
}

table.startEditForm td.label{
	/*height:35px;*/
	width:170px;
	text-align:right;
	}
table.startEditForm td.error{
	height:35px;
	width:10px;
	text-align:center;
	font-weight:bold;
	color:#FF0000;
	}
table.startEditForm td.input{
	height:35px;
	width:250px;
	text-align:left;
	}
table.startEditForm input.cbEmailInput{
	width:125px;
	}
table.startEditForm input#passProtect{
	width:215px;
	margin-left:10px;
	}
table.startEditForm input{
	width:250px;
	}
table.startEditForm input.inputButton{
	width:75px;
	margin:0px 5px;
	}
table.startEditForm select{
	width:250px;
	}
table.startEditForm input.inputcheckbox {
	vertical-align:middle;
	border: 1px solid #000;
	width: 15px;
	height:15px;
	}
table.startEditForm input.inputRadio {
	width: 15px;
	height:15px;
	}
table.startEditForm textarea {
	width: 250px;
	height:100px;
}
	
div#errorMsg {
	width: 100%;
	text-align: center;
  	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	}
div#notUser {
	margin-top: 10px;
	width: 100%;
	text-align: center;
  	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
	
/*-----searchResults.htm-----*/

#resultMsg {
	text-align:center;
	line-height:1.5em;	
}

/*-----myPics.htm-----*/
#portal{
	display: block;
	height: auto;
	overflow: hidden;
}
#topPages, #bottomPages{
	width: inherit;
	display: block;
	height: auto;
	padding: 10px 0px 10px 5px;	
}

#picThumbs {
	display: block;
	width:460px;
	line-height:1.5em;
}
#pageIncNav{
	display: block;
	width: inherit;
	margin:10px;
}
#slideShow{
	display: block;
	width: inherit;
	margin:10px;
	text-align:center;
}
.thumbImgCont {
	width:104px;
	height:109px;
	margin:1px;
	padding:2px;
	display:inline;
	float:left;
	border:1px solid white;
}
.thumbImgContHilite {
	width:104px;
	height:109px;
	margin:1px;
	padding:2px;
	display:inline;
	float:left;
	border: 1px dotted blue;
	background-color: #C7CBDF;
} 
.thumbView {
	border:1px solid #000000;
	display: block;
	cursor: pointer;
}
.thumbFrameDiv {
    width:102px;
    height:78px;
	overflow: hidden;
	text-align: center;
}

/* the two thumbWrap styles need to be overridden for IE via IF IE
conditional, which must be served via an HTML file, not a CSS one.
therefore, any pages displaying thumbnails must include the file
js/cellblock/overlayCSSforIE.jsp after the CSS file call. */
.thumbWrap1 {
	display: table-cell;
	padding: 0px;
	text-align: center;
}
.thumbWrap0 {
	display: table;
	margin: 0em auto;
}
.overlayRight {
	text-align: right;
	position: relative;
	top: -19px;
	left: -3px;
	width: 100%;
	cursor: pointer;
}
.overlay {
	display:inline;
	cursor: pointer;
}
.cutThumbView {
	border:1px solid #000000;
	display: block;
	cursor: pointer;
	opacity:0.40; /* Firefox */
	filter:alpha(opacity=40); /* IE */
}
.thumbImgCont .thumbCaption{
	display: block;
	}
.thumbCaptionFull{
	width: inherit;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
.thumbCaptionLeft, .thumbCaptionMiddle, .thumbCaptionRight{
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	text-align: center;
	float: left;
	}
.thumbCaptionLeft, .thumbCaptionRight{
	line-height: 2;
	margin: 0px;
	padding: 0px;
	width: 20px;
}
.thumbCaptionMiddle{
	width: 58px;
}
.thumbCaptionLeft input, .thumbCaptionLeft img{
	padding: 0px;
	margin: 0px;
}
.thumbCaptionRight img{
	padding: 0px;
	margin: 0px;
} 
	
#footer {
	display: block;
	width:inherit;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 20px 0px;
	margin-top: 50px;;
	text-align: center;
}
	
/*-----popups-----*/
.fullImage {
	width:640px;
	height:480px;
	}
	
.imageCaption{
	width:640px;
	margin:10px;
	text-align:left;
	}
.shareCBImage {
	width:400px;
	height:300px;
	border:1px solid #000;
	margin-bottom:10px;
	}
	
/*-----MONITOR------------*/
#monBody {
	width:inherit;
	padding:5px 0px 6px;
	background-image:url(../images/navBG.gif);
	background-repeat:repeat-x;
	z-index: 644;
	}
#tabPending, #tabAccepted, #tabBounced, a#userHome, a#myPix, a#start, a#home {
	padding:4px 5px 5px;
	text-decoration:none;
	border:1px solid #CCC;
	color:#999;
	background-color:#F3F3F3;
	display:inline;
	cursor:pointer;
	}
#tabPending:hover, #tabAccepted:hover, #tabBounced:hover, a#userHome:hover, a#myPix:hover, a#start:hover, a#home:hover{
	padding:4px 5px 5px;
	border-right:1px solid #CCC;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	background-color:#EEE;
	color:#000;
	display:inline;
	cursor:pointer;
	}
#tabPendingBold, #tabAcceptedBold, #tabBouncedBold, #currentTab{
	padding:4px 5px 5px;
	border-right:1px solid #CCC;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #FFF;
	background-color:#FFF;
	display:inline;
	text-decoration:none;
	font-weight: bold;
}
	
#monTable {
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	padding:0px 0px 10px 5px;
	background: #FFF;
}

#prefs{
	display: inline;
	font-size: inherit;
	font-weight: bold;
	padding-left: 10px;
	}
#prefOption, #prefOptionBold{
	margin: 0px 3px;
	font-size: inherit;
	display:inline;
	cursor:pointer;
	}
#prefOptionBold{
	font-weight: bold;
	cursor: default;
	}
#prefOption:hover{
	text-decoration: underline;
	}
#thumbnail{
	display: block;
}
#thumbnail img{
	width: 140px;
	height: 105px;
	margin: 10px;
}
#accept, #delete{
	cursor: pointer;
	display:inline;
}
#accept{
	margin-right: 5px;
}
#delete{
	margin-left: 5px;
}
.photo{
	display: block;
	float: left;
	border: 1px solid black;
	height: 150px;
	width: 160px;
	margin: 10px;
}

/*-----help.jsp-----*/

#pwList{
	margin:10px;
	padding:0px;
	line-height:1.5em;
	}	
#pwList li{
	margin:5px 5px 15px 25px;
	list-style-type:square;
	list-style-position:outside;
	}
/*-----phoneHelp.jsp-----*/		
#phoneList {
	margin-bottom:10px;
	padding:10px;
	margin:auto;
	line-height:1.5em;
	}
	
/*-----rightClick Menu-----*/
.rightMenu{
	position:absolute;
	width:145px;
	border:1px solid #999;
	color:#999;
	background-color:menu;
	font-family:Arial;
	line-height:1.5em;
	cursor:default;
	font-size:12px;
	z-index:100;
	visibility:hidden;
	text-align:left;
	}

.menuitems{
	padding-left:10px;
	padding-right:10px;
	border-bottom:1px groove #CDCDCD;
	}

/*--------- Alfresco --------------------*/

#alfrescoLi{
	line-height: 1.2em;
	margin-left: 15px;
	display: block;
}

/* --------------------------- */

#apiTitle, #genericTitle, #displayTitle{
	font-weight: bold;
	font-size: 12px;
	/*background-color: #232F3F;*/
	background-color: #232F3F;
	padding: 3px 10px 3px 20px;
	margin-bottom: 10px;
	overflow: visible;
	height: inherit;
	color: #FFFFFF;
}

.apiContentBody p{
	margin-left: 15px;
	margin-right: 15px;
}

#apiTitle{
	background-color: #2C8F48;
}

#apiTitle a, #genericTitle a{
	color: #FFFFFF;
}

.homeSpace{
	letter-spacing: .1em;
}

#homeDiv{
	padding: 5px 0px;
}

#homeDiv p{
	font-size: 14px;
	letter-spacing: normal;
	padding-left: 20px;
}

/*------ HOME BUTTONS ------- */

#tryItButton, #signUpButton, #saveItButton{
	padding: 15px 0px;
	color: #FFFFFF;
	font-size: 24px;
	letter-spacing: .1em;
	text-decoration: none;
	display: block;
	margin: 10px 0px;
	text-align: center;
	border: 1px dotted  #FFFFFF;
	background-image:url(../images/button_bg.png);
	behavior: url(css/iepngfix.htc);	
}

a#tryItButton{
	background-color: #EF1D39;
}

a#tryItButton:hover{
	background-color: #EF0020;
}

a#signUpButton{
	background-color: #20AF48;
}

a#signUpButton:hover{
	background-color: #0AAF38;
}

a#saveItButton{
	background-color: #2061AF;
}

a#saveItButton:hover{
	background-color: #0A56AF;
}

.bigLink{
	font-size: 24px;
	font-weight: bold;
}