/* shared styles */
@import url('roundedBoxes.css');

* { margin: 0; padding: 0; }


body {
	font: 90%/1em verdana, arial, helvetica, sans-serif;
	background: #fff url('toptile.gif') repeat-x;
	min-width:1000px;
}

#pageWrapper {
	width: 100%;
}

.menuHolder {
	width: 850px;
}

a:link, a:visited { 
	color: #106790; 
}

a:hover { 
	color: #f60; 
}

a img {
	border: none;
}
a.arrowlink {
	font-size: .85em; 
}

h1,h2,h3,h4,h5,h6 {
	display:block;
}

h1 {
	display:block;
	height:72px;
	line-height:76px;
	overflow:hidden;
	text-indent:-9999px;
	width:65px;
}

h2 {
	display:block;
	height:72px;
	line-height:76px;
	overflow:hidden;
	text-indent:-9999px;
	width:65px;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #d07c1c;
	margin-top: 20px;
	padding-bottom: 5px;
}

h4 { 
	font-size: .85em;
}

h5 {
	font-size: .9em; 
	color: #000;
}

h6 {
	font-size: .9em; 
	color: #d07c1c;
	padding-bottom: 10px;
}

tr, td {
	vertical-align: top;
}

.submittedBy{
	font-size: .9em !important; 
	color: #d07c1c;
	/*padding-left: 10px;
	font-weight: bold;*/
}

.required {
	color: #d90000;
	line-height: 1.50em;
}

.pdf {
	color:#999999;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:0.78em;
	line-height:1.5em;
}

.maps {
	 margin-left: 30px;
	 text-align: center;
	 padding: 20px;
	 font-size: .85em;
	 color: #000;
	 font-size: .8em;
	 font-weight: bold;
}

.small {
	font-size: .95em; 
	font-weight: normal
}

#content {
	padding-top: 45px;
	min-height: 400px;
}

#content p { font-size: .9em; line-height: 1.5em;}/* padding: 5px 0px  */

#header {
	background: #01445f url('/images/banner_logo2.png') no-repeat; 
	width: 975px;
	position: relative;
	color: #ffffff;
}

#header.gateway {
	/* The text in this banner is centered vertically for the gateway pages */
	background: url('header_gateway.jpg') no-repeat;
}

#header ul {
	position: absolute;
	/*left: 640px;*/
	right: 0px;
	top: 16px;
}

#header li {
	float: left;
	list-style: none;
	border-left: 1px solid #ffffff;
	padding: 0 7px;
	line-height: .78em;
}

#header li.first { 
	border-left: none; 
}

#header li a {
	font-size: .75em;
	text-decoration: none;
	color: #ffffff;
}

#header li a:hover {
	text-decoration: underline;
}

#downloadnow {
	position: absolute;
	left: 490px;
	top: 27px;
}

#downloadnow a {
	display: block;
	width: 172px;
	height: 42px;
	line-height: 42px;
	text-indent: -999999px;
	background: url('btn_downloadnow.gif') no-repeat;
}

#aboutage {
	position: absolute;
	top: 42px;
	left: 670px;
}
#aboutage a, a.arrowlink {
	background: url('orangearrow.gif') no-repeat 0 3px;
	padding-left: 18px;
	font-size: .78em;
}

#navbar {
	padding-left: 26px;
	list-style: none;
	background: url('navbar_lft.gif') no-repeat;
	height: 27px;
}
#navbar li { float: left; list-style: none; }
#navbar li a {
	display: block;
	border-left: 1px solid #599fc0;
	border-right: 1px solid #000;
	color: #fff;
	text-decoration: none;
	font-size: .78em;
	padding: 0 15px;
	line-height: 1.8em;
	vertical-align: middle;
}
#navbar li a:hover, #navbar li a.on {
	color: #000;
	background: #fff;
	border-left-color: #fff;
	border-right-color: #000;
}
#navbar li a.on { border-bottom: 1px solid #fff; border-right-color: #000; border-left: none; }



#footer {
	height: 20px;
	border-top: 1px solid #7ab0ce;
	border-bottom: 1px solid #7ab0ce;
	background: url('footer.jpg') no-repeat; 
	/*width: 950px;*/
	width: 100%;
	margin:0 0 20px 0;
	clear: both;
	padding:0px;
}

#footer ul {
	list-style: none;
	width: 950px;
	padding-right: 25px;
	padding-top: 3px;
}

#footer li {
	border-left: 1px solid #045a90;
	line-height: .8em;
	padding: 0 9px;
	float: right;
}

#footer .first { 
	border: none; 
}

#footer a {
	color: #045a90;
	text-decoration: none;
	font-size: .74em;
	display: block;
	line-height: 1.2em;
}

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

.clear { 
	clear: both; 
}

#wrapper { 
	width: 985px;
	background-color: #ffffff;
}

#wrapperExtra { 
	width: 1500px; 
}

ul#subTabBar {
	height: 24px;
	padding: 25px 0 15px;
	list-style: none;
}

#subTabBar li {
	background: url('subTabBar_bg.gif') repeat-x;
	float: left;
	border: 1px solid #abaaaa;
	margin-right: 1px;
}
#subTabBar li a, #subTabBar li span {
	display: block;
	font-size: 11px;
	line-height: 2.1em;
	vertical-align: middle;
	text-decoration: none;
	padding: 0 9px;
	color: #000;
}
#subTabBar li a:visited { text-decoration: none; }
#subTabBar li span, #subTabBar li a:hover { background: url('subTabBar_bg_on.gif') repeat-x;
}
#subTabBar li span.selected {font-weight:bold;}

.subH3Text{
	font-weight: normal;
	margin-bottom: 10px;
	padding-bottom: 10px;
	/*font-size: 1.1em;*/
 }
 
.quote { color: #999; }

.radioquestion { padding: 8px 15px !important; }
.radios input { margin-right: 5px !important; }

.stviewallsites { padding-left: 60px !important; }
.stviewallsites h3 { padding-left: 0 !important; }
.stviewallsites ol li { font-size: .9em !important; padding-bottom: 10px; }
.stviewallsites ol li h4, .stviewallsites ol li p { font-size: 1em !important; }
.stviewallsites li>h4 { display: inline; }
.stviewallsites ul li { font-size: .9em !important; line-height: 1.4em; }

p.showcaseintrop { font-size: .78em; padding-left: 30px !important; }

/* homepage elements */
.IEimageCorrection{
	margin-bottom: -2px;
}

.bottomRight
{
	float: right;
	//margin: 0px 0px;
}

.bottomLeft
{
	float: left;
	margin-left: -3px;
	//margin: 0px -2px;
}
.imageCorrectRight
{
	float: right;
	//margin: 0px -2px;
}

.imageCorrectLeft
{
	float: left;
}

div#gettingStarted li,
.arrow li{
	float: none;
	list-style: square outside url('orangearrow.gif');
	margin: 0px 5px 0px 25px;
	//margin: 5px 5px 12px 25px;   /* for IE */
	padding-left: 3px;
	//padding-left: 5px;   /* for IE */
}

div#helpfulResources li{
	float: none;
	list-style: square outside url('orangearrow.gif');
	margin: 0px 5px 10px 25px;  /* this value different than above for Firefox */
	//margin: 5px 5px 12px 25px;   /* for IE */
	padding-left: 3px;
	//padding-left: 5px;   /* for IE */
}
div#whatsNewMain li{
	float: none;
	list-style: square url(/common/graphics/bulletOrangeTall.gif) outside;
	//list-style: square outside url('bulletOrange.gif'); /* for IE */
	margin: 5px 5px 0px 45px;
	//margin: 5px 5px 12px 45px;   /* for IE */
}

#leftPanel{
	font-size: .85em;
	width: 365px; 
	float: left;
	min-height: 500px;;
}
#leftPanel ul{
	padding: 15px;
}
#leftPanel a:link,
#leftPanel a:visited{
	color: #086793;
	font-weight: normal !important;
}
#leftPanel a:hover{
	color: #FF6600;
}
.topText{
	margin-left: 30px;
}
.topText p{
	font-size: 1em !important;
	line-height: 1.3em !important;
	margin: 18px;
	//margin: 0px 18px 18px;
}
.topText h2{
	margin-top: 15px;
	//margin-top: 0px;
}

#gettingStarted 
{
	margin-left: 30px;
	margin-top: 15px;	
	/*
	position: absolute;
	top: 135px;
	left: 30px;
	*/
}
#gettingStartedHead{
	background: url('banner_repeat.gif') repeat-x;
	height: 48px !important;
	color: #FFF;
}
#gettingStartedHead2{
	background: url('startedPanel_TopBG.jpg') no-repeat right 50%;
	height: 48px !important;
}
#gettingStartedHead img{
	float: left;
	margin-right: 3px;
}
#gettingStartedHead p{
	padding-top: 10pt;
	padding-left: 0pt;
	font-size: 1.15em !important;
	font-weight: bold;
}
#gettingStartedMain{
	background: #F2EED6 url('startedPanel_mainBG.gif') repeat-y right 50%;
	height: auto !important;
}
#gettingStartedFooter{
	background: #F2EED6 url('bottom_repeat.gif') repeat-x 50% bottom;
	height: 14px !important;
}
#gettingStarted2 {
	position: absolute;
	top: 135px;
	left: 400px;
}
div#gettingStarted h2,
div#whatsNewMain h2{
	background: url('hdr_bg.gif') no-repeat;
	color: #fff;
	padding-left: 20px;
	line-height: 24px;
	vertical-align: middle;
	font-size: .85em;
}

div#gettingStarted li a,
div#whatsNewMain li a,
div#helpfulResources a{
	font-weight: bold;
}
div#gettingStarted li p{
	clear: none;
}

/*
#whatsNew{
	position: absolute;
	top: 135px;
	left: 340px;
}
*/

/*
#whatsNew p{ 
	padding-left: 0pt;
	padding-right: 20pt;
	font-size: 1em;
}
*/

#whatsNewHead{
	background: url('whatsNew_topCenterBG.gif') repeat-x;
	height: 48px !important;
	color: #FFF;
	width: 501px;
}
#whatsNewHead p{
	padding-top: 10pt;
  font-size: 1em !important;
	font-weight: bold;
}
#whatsNewMain{
	background: #FFFFFF url('whatsNew_mainCenterBG.gif') repeat-y;
	height: auto !important;
	width: 501px;
	padding-top: 15px;
	font-size: .85em;
}
#whatsNewMain img.imgMain{ /* the rest is defined in each RC's styles/uniqueStyles.css */
	margin-left: 22px;
}
#whatsNewMain p.whatsNewTopic{
	color: #074968;
	font-size: 1.2em !important;
	font-weight: bold;
	padding-top: 0pt;
}
#whatsNewMain p.newFeatures{
	font-style: italic;
	padding: 4pt 0pt;
}
.whatsNewAlignLeft{
	margin-left: 22px !important;
}
.whatsNewAlignCenter{
	text-align: center !important;
}


#helpfulResources{
	margin-top: 10px;
	margin-left: 30px;
/*
	position: absolute;
	left: 30px;
	top: 330px;
*/
}



#helpfulResources p.header{
	font-size: 1.15em;
	font-weight: bold;
	color:#5898c1;
	padding-left: 0pt !important;
}

#helptips{
	position: absolute;
	left: 30px;
	top: 450px;
}
#helptips p.header{
	font-size: 1.15em;
	font-weight: bold;
	color:#5898c1;
	padding-left: 0pt !important;
}

#dividerPanel{
	position: absolute;
	top: 120px;
	left: 360px;
	width: 1px;
	height: 450px !important;
	background: #8e8e8e url('dividerBottom.gif') no-repeat 50% bottom;
}

#rightPanel{
	/*margin: 15px;*/
	/*float: right;*/
	background-color: #ffffff;
	width: 600px; 
	float: left;
}

#downloadNowButton{
	margin-top: 15px;
	margin-left: 200px;
}

#clearing{
	clear: both !important;
	height: 240px !important;
	//height: 180px !important;
	
}

#feature {
	background: url('hdr_news.jpg') no-repeat;
	width: 270px;
	position: absolute;
	top: 120px;
	left: 400px;
}
#feature p {
	margin-top: 55px;
}

#resources {
	/*background: ;*/
	position:absolute;
	top: 220px;
	left: 30px;
}	
	
.agreement { height: 250px; overflow: auto; }
.agreement li { padding-top: 10px; }
.agreement p, .agreement li li { font-size: 1em; line-height: 1.7em; }
.agreement p { font-size: .85em; }

li.licenselevel {
	color: #074968;
	/*font-size: 1.0em !important;*/
	font-weight: bold;
	/*padding-top: 0pt;*/
}


/*  BlueBox styles */
.blueBox{
	background-color: #DFF0F8;
	float: left;
	height: auto !important;
	background: #DFF0F8 url('panel_repeat_right.gif') repeat-y right top;
}
.blueBoxHead{
	background: url('whatsNew_topCenterBG.gif') repeat-x 50% top;
	height: 48px !important;
}
p.blueBoxTitle{
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 1.15em !important;
	padding: 10pt 0px 0px !important;
}
.blueBoxContent{
	/*background: transparent url(/common/graphics/panel_repeat_right.gif) repeat-y right;*/
	height: 100% !important;
	padding-right: 20px;
	
}
.blueBoxFooter{
	background: url('panel_repeat_center.gif') repeat-x 50% bottom;
	height: 20px !important;
}
.blueBox p{
	padding: 10px;
}
.blueBox li{
	list-style: none;
	background: url('bulletOrange.gif') no-repeat 10px 13px;
	padding: 7px 0px 7px 20px;
	//padding: 7px 15pt 7px 20px;
}
.blueBox ul{
	padding-left: 1em;
}
.blueBox img.imgMain{
	margin-left: 22px;
	margin-right: 7px;
	text-align: right;
}

div#comingSoonBox{
	width: 500px;
	margin-left: 50px;
	margin-bottom: 100px;
}
div#comingSoonPara{
	padding: 15px;
	padding-bottom: 100px;
}
/* End BlueBox styles */


/* Start tab nav styles */
ul#stnavbar{
	height: 24px;
	/*margin: 0 0 15px 83px;*/
	margin: 0px 0px 10px;
	padding: 0px;
	list-style: none;
}
#stnavbar li{
	background: url(../graphics/stnavbar_bg.gif) repeat-x;
	float: left;
	border: 1px solid #abaaaa;
	margin-right: 1px;
	list-style-image: none;
	padding: 0px;
	margin: 0px 1px 0px 0px;
}
#stnavbar li a, #stnavbar li span{
	display: block;
	font-size: .875em;
	/*line-height: 2.1em;*/
	vertical-align: middle;
	text-decoration: none;
	padding: 4px 9px;
	color: #000;
}
#stnavbar li a:visited{
	text-decoration: none;
}
#stnavbar li span, #stnavbar li a:hover{
	background: url(../graphics/stnavbar_bg_on.gif) repeat-x;
}
#stnavbar li.selected{
	font-weight: bold;
	background: transparent url(../graphics/stnavbar_bg_on.gif) repeat-x top left;
}
/* End tab nav styles */
#boxHolder{
	float: left;
	margin-left: 20px;
	width: 250px;
}
.blueBoxSubContainer{
	padding: 15px;
}
.blueBoxSubContainer h3{
	margin-top: 0px;
}
.whiteSubContainer{
	background-color: #FFFFFF;
	border: 1px solid #ABAAAA;
	margin-right: 20px;
}

#codeGalleryWrapper{
	font-size: .875em;
	margin: 15px;	
}

/* Button class */
.button {
	background: #F2EED6  repeat-x;
	border: 1px solid #c4b39b;
	font-weight: bold;
	padding: 3px 10px;
	font-size: .85em;
	text-decoration: none;
	text-transform: capitalize;
}




/* ---------------------- community section styles --------------------------------- */
/* begin general styles */
.resourceWrapper{
	margin-top: 10px;
}
.resourceContent{
	margin-left: 220px;
	margin-top: 20px;
	margin-bottom: 25px;
}
.resourceBox{
	width: 650px;
	background: #dff0f8 url('blueBoxRight.gif') repeat-y right top;
	line-height: 16px;
	font-size: 14px;
}

.forumsResourceBox{
	width: 700px;
	background: #dff0f8 url('blueBoxRight.gif') repeat-y right top;
}

.resourceBoxHeader{
	background: #379fbc url('blueBoxTopRight.gif') repeat-x right top;
	//margin-right: -2px;
}
.resourceBoxHeader h3{
	background: url('blueBoxTopLeft.gif') no-repeat left top;
	color: #FFFFFF;
	margin: 0px;
	padding: 10px 0px 0px 20px;
	height: 22px;
}
.resourceBoxContent{
	padding: 10px 20px 10px 20px;
}
.resourceBoxFooter{
	background: url('blueBoxBottomRight.gif') repeat-x right bottom;
	height: 18px;
}
.resourceBoxFooter .btmLft{
	background: url('blueBoxBottomLeft.gif') no-repeat left bottom;
	height: 18px;
	width:	8px;
	float: left;
}
.resourceBoxWhite{
	background-color: #FFFFFF;
	border: 1px solid #ABAAAA;
	margin-right: 10px;
}
.gryBarRight{
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	background: #8f9091 url('gryLineRight.gif') no-repeat right top;
	width: 1000px;
}
.gryBarLeft{
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	background: #8f9091 url('gryLineLeft.gif') no-repeat left top;
	width: 175px;
	float: right;
	margin-top: 25px;
}
.gryBarBottom{
	height: 400px;
	background: #8f9091 url('dividerBottom.gif') no-repeat center bottom;
	width: 1px;
	font-size: 1px;
	line-height: 1px;
	float: left;
}
#gatewayIntro{
	margin-top: 15px;
	padding-right: 215px;
	line-height: 2.2em !important;
}
.flashWarning{
	font-size: 1em;
	font-weight: bold;
	color: #FF0000;
}
/* end general styles */

/* begin sideNav styles */
.sideNav{
	float: left;
	width: 190px;
	/*border-right: 1px solid #8f9091;*/
	padding-top: 2px;
	background: #FFFFFF url('communitySideNavBg.gif') repeat-x left top;
	min-height: 400px;
	line-height: 16px;
	//height: 400px;
}
.sideNav ul{
	margin: 0px;
	padding: 0px;
}
.sideNav li,
li.mouseout{
	width: 170px;
	border: 1px solid #8f9091;
	margin: 8px 9px;
	padding: 5px 0px 0px;
	text-align: center;
	height: 21px;
	font-weight: bold;
	font-size: 14px;
	list-style: none;
	list-style-image: none;
	background: url('communityBtnOff.gif') repeat-x;
}
.sideNav li:hover,
li.mouseover{
	background: url('communityBtnOn.gif') repeat-x !important;
	cursor: pointer;
}
.sideNav li.selected,
#activeTab{
	background: url('communityBtnSelected.gif') repeat-x;
}
.sideNav li a,
.sideNav li a:hover{
	text-decoration: none;
	color: #0d6a84;
	/*padding: 5px 0px;*/
	position: relative;
}
/* end sideNav styles */

/* comment styles */
.commentsWrapper{
	width: 650px;
	margin-top: 20px;
}
.commentsTabs{
	height: 31px;
	margin-bottom: -1px;
}
.commentsTab{
	width: 180px;
	display: list-item;
	float: left;
	list-style: none;
	list-style-image: none;
	background: #379FBC url('blueBoxTopRight.gif') repeat-x 185px top;
	color: #FFFFFF;
	height: 30px;
	margin: 0px 1px;
}
.commentsTab .commentTabsContent{
	height: 30px;
	text-align: center;
	font-weight: bold;
	padding-right: 10px;
}
.commentsTab .tpLeft{
	background: url('blueBoxTopLeft.gif') no-repeat left top;
	height: 8px;
	width: 8px;
	float: left;
}
.commentsTab a,
.commentsTab a:hover,
.commentsTab a:visited{
	color: #FFFFFF;
	text-decoration: none;
	position: relative;
	top: 7px;
}
.activeCommentsTab{
	width: 180px;
	float: left;
	list-style: none;
	list-style-image: none;
	background: #FFFFFF url('tabTopRight.gif') no-repeat right top;
	color: #0d6a85;
	margin: 0px 1px 0px 0px;
	height: 31px;
}
.activeCommentsTab .commentTabsContent{
	background: url('whiteBoxLeft.gif') repeat-y left top;
	height: 31px;
	text-align: center;
	font-weight: bold;
	padding-right: 10px;
}
.activeCommentsTab .tpLeft{
	background: url('whiteBoxTopLeft.gif') no-repeat Left Top;
	height: 9px;
	width: 10px;
	float: left;
}
.activeCommentsTab .lineHide{
	position: relative;
	top: 30px;
	left: 2px;
	height: 1px;
	width: 175px;
	background-color: #FFFFFF;
	//display: none;
}
/* IE hack, of course */
.activeCommentsTab .lineHideIE{
	display: none;
	//display: block;
	position: relative;
	top: 15px;
	left: 2px;
	width: 175px;
	background-color: #FFFFFF;
	height: 1px;
	font-size: 0px;
	line-height: 0em;
	top: 11px;
}
.activeCommentsTab a,
.activeCommentsTab a:hover,
.activeCommentsTab a:visited{
	color: #0d6a85;
	text-decoration: none;
	position: relative;
	top: 7px;
}
.commentsBox{
	background: #FFFFFF url('whiteBoxRight.gif') repeat-y right top;
}
.commentsBox div.oddRow{
	background-color: #F5F4F4;
}
.commentsBoxContent{
	background: url('whiteBoxLeft.gif') repeat-y left top;
	padding: 15px 15px 0px 10px;
}
.commentsBoxHeader{
	background: url('whiteBoxTopRight.gif') no-repeat right top;
	height: 10px;
	width: 648px;
	float: right;
	margin-top: -1px;
	height: 12px;
	//border-left: 1px solid #929394;
	//position: relative;

}
.commentsBoxFooter{
	background: url('whiteBoxBottomRight.gif') repeat-x right bottom;
	height: 15px;
}
.commentsBoxFooter .btmLft{
	background: url('whiteBoxBottomLeft.gif') no-repeat left bottom;
	height: 15px;
	width: 12px;
	float: left;
}
.commentFormTitle{
	font-size: .9em;
	font-weight: bold;
	color: #0D6A84;
}
.commentsBoxContent input,
.commentsBoxContent textarea{
	margin-bottom: 10px;
	margin-top: 3px;
}
.commentTitle{
	padding-top: 10px;
	padding-left: 5px;
}
.commentDescription{
	padding: 10px 0px 10px 20px;
	border-bottom: 1px dotted ##CCCCCC;
}
.alertModeratorLink{
	float: right;
	font-size: .8em;
	margin-right: 5px;
}
/* end comment styles */

/* begin alert moderator popup */
#alertModeratorContainer{
	font-size: .85em;
}
.alertModeratorDescription{
	margin: 10px 5px;
}
#alertModeratorFormContainer{
	background-color:#DFF0F8;
	padding: 10px;
	margin: 5px;
}
.modalCloseBtn{
	margin-bottom: 20px;
	padding-right: 5px;
}
#loadResponse{
	font-weight: bold;
	margin-top: 10px;
}
/* end alert moderator popup */

/* begin forum styles */
.feedList{
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-image: none;
}
.feedList li{
	margin: 5px 0px 20px;
}
.feedList h4{
	margin-bottom: 7px;
}
.feedList h4 a{
	color: #D07C1C;
	text-decoration: none;
}
.feedList h4 a:hover{
	color: #cd6306;
	text-decoration: none;
}
.feedList p{
	margin-bottom: 5px;
}
.feedList span.right{
	float: right;
	padding-right: 15px;
}

.feedList img{
	display: block;
}


a.forumItems{
	margin-right: 60px;
}
/* end forum styles */

/* begin code gallery styles */
#codeGalleryForm th,
span.th{
	font-weight: bold;
	text-align: right;
	/*padding-right: 10px;*/
	font-size: .8em;
}
#codeGalleryForm th a,
span.th a{
	color: #000000;
	text-decoration: none;
}
#codeGalleryForm .textInput{
	width: 400px;
}
#codeGalleryForm textarea{
	width: 400px;
}
#codeGalleryForm span.subText{
	font-size: .8em;
	font-weight: bold;
}
#codeGalleryForm .formInstructions{
	font-size: .7em;
	font-weight: bold;
}
#codeGalleryForm .languageDropdown{
	min-width: 150px;
}
#codeGalleryForm a.viewLink{
	text-decoration: none;
	font-size: .85em;
	vertical-align: super;
}
.errorMessage{
	color: #CC0000;
	font-weight: bold;
	font-size: .75em;
}
.resultRow td,
td.resultRow{
	background: #DFF0F8 url('communityBlueFade.gif') repeat-x left top;
	/*font-size: 1.2em;*/
	padding: 5px;
}
.resultRow td a,
td.resultRow a,
.resultRow td a:visited,
td.resultRow a:visited{
	color: #106790;
	font-weight: bold;
	text-decoration: none;
}
.resultRow td a:hover,
td.resultRow a:hover{
	color: #FF6600;
}
#codeGalleryResults{
	/*margin-left: 10px;*/
	width: 100%;
	font-size: 85%;
	background-color: #dff0f8;
	margin-top: 0px;
}
#codeGalleryResults td{
	/*background: #fff url("/common/graphics/sfxm_bg.png") repeat-x;*/
	padding: 5px;
	padding-left: 10px;
}
#codeGalleryResults .keywords{
	margin-bottom: 25px;
}
#codeGalleryResults .scriptItem td{
	/*background: #fff url("/common/graphics/sfxm_bg.png") repeat-x;*/
	/*background: #DFF0F8 url(/common/graphics/communityBlueFade.gif) repeat-x;*/
	border-top: 1px solid #ccc;
}

#codeGalleryResults .oddRow td{
	background-color: #C9E4ED;
}


#codeGalleryResults td.description img{
	float: right;
	margin: .3em 1em 0 1em;
	padding-bottom: 25px;
	background: url('ss_shadow.gif') no-repeat 50% bottom;
}

#codeGalleryResults .oddRow td.description img{
	float: right;
	margin: .3em 1em 0 1em;
	padding-bottom: 25px;
	background: url('ss_shadow_odd.gif') no-repeat 50% bottom;
}

#codeGalleryResults td.description p{
	margin-top: 10px;
}
#codeGalleryResults td.download{
	width: 90px;
}
#codeGalleryResults a{
	text-decoration: none;
}
#codeGalleryResults a.down{
	font-size: 100%;
	background: url('icon_down.gif') no-repeat;
	padding-left: 20px;
	padding-bottom: 5px;
	display: block;
}

#codeGalleryResults a.edit{
	font-size: 100%;
	background: url('icon_edit.gif') no-repeat;
	padding-left: 20px;
	padding-bottom: 5px;
	display: block;
}

#codeGalleryResults a.delete{
	font-size: 100%;
	background: url('icon_delete.gif') no-repeat;
	padding-left: 20px;
	padding-bottom: 5px;
	display: block;
}

#codeGalleryResults a.codeChallenge{
	font-size: 100%;
	background: url('icon_info.gif') no-repeat;
	padding-left: 20px;
	padding-bottom: 5px;
	display: block;
}

#codeGalleryResults #headerbar{
	/*background: #CBE6ED url("/common/graphics/communityBtnOff.gif") bottom repeat-x;*/
	
	/*background: #379FBC url(/common/graphics/blueBoxTopRight.gif) repeat-x scroll 826px top;*/
	/*height: 28px;*/
}

#codeGalleryResults #headerbar th{
	border-bottom: 1px solid #999999;	
}


#headerbar .scriptName{
	/*background: transparent url(/common/graphics/blueBoxTopLeft.gif) no-repeat scroll left top;*/
}

#headerbar .endCol{
	/*background: transparent url(/common/graphics/blueBoxTopRight2.gif) no-repeat scroll right top;*/
}

#codeGalleryResults #headerbar a{
	/*color: #FFFFFF;*/
}
#codeGalleryResults th
{
	padding: 5px;
}

#codeGalleryResults h3{
	margin: 0px;
	padding: 0px;
	font-size: 120%;
}
#codeGalleryResults .scriptName{
	text-align: left;
}
#codeGalleryResults .center{
	text-align: center;
}
#codeGalleryResults a.sortable{
	background: url('icon_sort.gif') no-repeat;
	padding-left: 10px;
	color: #CD6346;
}

#codeGalleryResults a.sortable:hover{
	text-decoration: underline;
}

/* Paging */
.pagingTabs{
	margin: 10px 0px 10px 0px;
	width: 100%;
	font-size: .8em;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: right;
}
.pagingTabsTotals{
	margin-bottom: 5px;
}
.pagingTabsCarrousel{
	padding: 5px 0px 5px 0px;
}

.pagingTabs a {
	color: #0d6a84;
	padding: 2px 4px;
	background-color: #DFF0F8;
	margin-left: 2px;
	text-decoration: none;
	font-weight: bold;
	background: url('communityBtnOff.gif') repeat-x;
	border: 1px solid #8F9091;
}

.pagingTabs a:hover {
	background-color: #A1C9D6;
	color: #0d6a84;
	/*(background: #DFF0F8 url(/common/graphics/communityBlueFade.gif) repeat-x;*/
	background: url('communityBtnOn.gif') repeat-x;
}

.pagingTabs a.selected{
	color: #0d6a84;
	background-color: #fae3be;
	border: 1px solid #8F9091;
	background: url('communityBtnSelected.gif') repeat-x;
}
#thankYou p{
	padding: 4px 0px;
}
#thankYouTable{
	padding: 5px;
	font-size: .9em
}
#starRatingContainer{
	height: 15px;
	width: 85px;
	//width: 88px;
}
#ratingReturnMessage{
	clear: left;
	font-size: .8em;
	font-weight: bold;
	padding-top: 5px;
}
#loginMessage{
	clear: left;
	font-size: .8em;
	padding-top: 5px;
}
.ratingCount{
	font-size: .65em;
	text-align: center;
}
.codeGalleryDetailsSidebar{
	padding: 12px 0px;
	border-bottom: 1px dotted #9F9F9F;
}
.codeGalleryDisclaimer{
	font-size: .875em;
}
.codeGalleryDisclaimer textarea{
	width: 600px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .875em;
}
.codeGalleryDisclaimer ul{
	list-style: none;
	list-style-image: none;
	margin: 5px 10px;
	line-height: 1.6em;
}
.codeGalleryDisclaimer li{
	padding-left: 20px;
	background: url('bluebullet.gif') no-repeat 0px 3px;
}
/* end code gallery styles */

/* begin media room styles */
.flvContainer{
	border: 1px solid #000000;
	margin-right: 15px;
}
.thLeft th{
	text-align: left;
}
#mediaDetails h3{
	margin-top: 0px;
	line-height: 1.2em;
}
#mediaDetails ul{
	list-style: none;
	list-style-image: none;
	line-height: 2em;
	font-size: .8em;
}
.fileExt{
	font-size: .75em;
}
.mediaDescription{
	line-height: 1.5em;
	font-size: .85em; 
	padding-bottom: 25px;
}
.mediaDescription .topDiv{
	padding-top: 10px;
}
.mediaDescription .middleDiv{
	padding: 3px 0px;
}
.mediaThumbnail{
	margin: 0px 10px 25px 0px;
	border: 0px;
}
/* end media room styles */

/* begin Knowledge Base styles */
ul.kbBullets{
	margin: 0px 5px 10px 10px;
	line-height: 1.5em;
	list-style: none;
	list-style-image: none;
}
ul.kbBullets a{
	font-weight: bold;
	font-size: .9em;
	text-decoration: none;
}
ul.kbBullets li{
	background: url('sidenavarrow.gif') no-repeat 0px 8px;
	padding: 2px 0px 2px 25px;
}
ul.kbBullets li.open{
	background: url('sidenavarrowdown.gif') no-repeat 0px 8px;
	padding-left: 25px;
}
ul.kbBullets li.noArrow{
	background: url('bulletOrange.gif') no-repeat 6px 13px;
	padding-left: 25px;
}
ul.kbBullets ul{
	margin-bottom: 5px;
	list-style: none;
	list-style-image: none;
}
ul.kbBullets ul li{
	background: url('bulletOrange.gif') no-repeat 6px 13px;
	padding-left: 25px;
}

/* end Knowledge Base styles */

#headerExtras
{
	position: absolute; 
	top: 40px; 
	left: 660px;
	width: 310px;
	z-index: 100;
	text-align: right;
	
}

#headerCrumbs
{
	position: absolute;
	top: 50px;
	left: 87px;
	color: #ffffff;
	z-index: 100;
	font-size: .8em;
	font-weight: bold;
}

#headerCrumbs a
{
	color: #ffffff;
	text-decoration: none;
}

#headerCrumbs a:hover
{
	color: #ffffff;
	text-decoration: underline;
}


#loginStatus
{
	text-align:right;
	font-size: .8em;
	font-weight: bold;
	margin: 1px;
}

#searchBox
{
	margin-bottom: 5px;
}

#searchBox #q
{
	width: 150px;
}

#searchBox #submit, #searchBox #loginlogout
{
	background-color: #578e22;
	color: #fff;
	border:1px solid #ffffff;
	font-weight: normal;
	margin-left:2px;
	padding:1px 2px;
	text-decoration:none; 
}

#searchBox #submit:hover, #searchBox #loginlogout:hover
{
	background-color: #ffffff;
	color:#578e22;
}

/* ADD SOME SANITY BACK INTO MY LIFE : JOSH GIESE*/
.repairStyles p
{
	margin-top: 10px;
}

.repairStyles_p
{
	margin-top: 10px;
}

.repairStyles ul
{
	margin: 5px 0 5px 30px;
}

.repairStyles li
{
	font-size: 0.9em;
	margin-bottom: 5px;
}

.clearALL
{
	clear: all;
}

/* 
 * For ArcGIS Dropdown Styles
 */
#resourcesTab img{
	margin-bottom: 2px;
}
#subResourcesTab{
	border-left: 1px solid #599FC0;
	border-right: 1px solid #599FC0;
	border-bottom: 1px solid #599FC0;
	background: #fff url('subResourcesTabGradientBg.gif') repeat-x left bottom;
	border-top: 0;
	display: none;
		float: left;
		height: 200px;
	/*left: 190px;*/
		left: 300px;
		position: absolute; 
		top: 96px;
	/*width: 500px;*/
		width: 372px;
		z-index: 999;
}
#subResourcesTab a{
	display: block;
	font-size: .75em;
	margin:5px 0;
}
#subResourcesTab h4{
	font-size: .8em;
}
#subResourceCol1,
#subResourceCol2,
#subResourceCol3{
	border-right: 1px solid #DADADA;
}

#subResourceCol1,
#subResourceCol2,
#subResourceCol3,
#subResourceCol4
{
	float:left;
	height: 180px;
	margin:10px 0;
	padding: 0 10px;
	width:103px;
}
/* ---------------------- jquery prompt styles --------------------------------- */


.jqiwarning .jqi{
      background-color: #C9E4ED;
}
.jqifade{
      background-color: #ffffff;
}
div.jqi{
      position: absolute;
      background-color: #1B809C;
      padding: 10px;
      width: 300px;
}
div.jqi .jqiclose{
      float: right;
      margin: -35px -10px 0 0;
      cursor: pointer;
}
div.jqi .jqicontainer{
      background-color: #C9E4ED;
      padding: 5px;
      color: #CD636B;
      font-weight: bold;
}
div.jqi .jqimessage{
      background-color: #C9E4ED;
      padding: 10px;
      text-align: center;
}
div.jqi .jqibuttons{
      text-align: center;
      padding: 5px 0 0 0;
}
div.jqi button{
      padding: 3px 10px 3px 10px;
      margin: 0 10px;
} 


a.external{
 padding-right:15px;
 background:url('external_link2.gif') no-repeat right bottom;
}


.supportListing
{
	padding-bottom: 10px;
}

.singleBoxContentPadding
{
	padding-top: 25px;
	padding-left: 25px;
	padding-bottom: 25px;
}

.headerText 
{
	font-size:14px;
	font-weight:bold;
	line-height:1.5em;
}

.width100per
{
	width: 100%;
}

.supportBox
{
	width: 600px; 
	margin-left: 25px; 
	margin-bottom: 20px;
}