/* Have Your Say - RIG */



#submissionArticle {vertical-align: top;}

#submissionArticle #submissionIntroText {font-size: 70%; color: #000000; padding-bottom: 10px;}



#submissionArticle #submissionPhoto {float: left; clear: left; width: 370px; height: 360px; font-size: 70%; color: #7c7c7c; padding-right: 0px;}

#submissionArticle #submissionPhoto #submissionPhotoText {padding-bottom: 5px;} 

#submissionArticle #submissionPhoto #submissionPhotoImg {background: url(../images/photoFrameLarge.gif) no-repeat; width: 359px; height: 286px; padding: 7px;}

#submissionArticle #submissionPhoto #submissionPhotoTag {font-style: italic; color: #454545; font-weight: bold; margin-top: -10px; font-size: 80%; padding-left: 5px;}

#submissionArticle #submissionPhoto #submissionText p {font-size: 100%;} /* reset default font */

#submissionArticle #submissionPhoto #submissionText {font-size: 75%; color: #454545;}

#submissionArticle #submissionPhoto #submissionText #submissionTextHdr {font-size: 110%; font-weight: bold; color: #ff9900;}

#submissionArticle #userProfile {float: right; background: url(../images/userProfileBg.gif) no-repeat; width: 279px; height: 150px; margin-bottom: 20px; font-size: 65%; vertical-align: top;}

#submissionArticle #userProfile #userProfilePhoto {float: left; width: 130px; padding: 9px 0px 2px 9px;}

#submissionArticle #userProfile #userProfilePhoto #userProfilePhotoWrapper {background: url(../images/userProfilePhotoFrame.gif) no-repeat; width: 114px; height: 115px; padding: 7px 0px 0px 7px;}

#submissionArticle #userProfile #userProfilePhoto #viewProfileLink {padding-left: 5px; }

#submissionArticle #userProfile #userProfileDetails {padding-top: 10px;}

#submissionArticle #userProfile #userProfileDetails #userName {color: #454545; font-size: 110%; font-weight: bold; padding-bottom: 5px;}

#submissionArticle #submissionText #submissionTextHdr {color: #ff9900; font-weight: bold;}

#submissionArticle #submissionText p {color: #454545; font-size: 75%; }



#submissionArticle .photoGallery .photoGalleryWrapper {float: left; background: url(../images/photoFrameSmall.gif) no-repeat; padding: 7px; margin-right: 10px; margin-bottom: 10px;}



.photoGalleryWrapper a.galleryLink {float:left; display:block; text-decoration: none; width:105px; height:80px; z-index:100;}

.photoGalleryWrapper a.galleryLink span {display:block; position:absolute; top:-1px; width:1px; height:1px; overflow:hidden; z-index:100;}

.photoGalleryWrapper a.galleryLink:hover {white-space:normal;}

.photoGalleryWrapper a.galleryLink:hover img {z-index:100;}

.photoGalleryWrapper a.galleryLink:active img, .photoGalleryWrapper a.galleryLink:focus img {z-index:50;}

.photoGalleryWrapper a.galleryLink:hover span {display:block; position:absolute; width:349px; height:269px; top:166px; left:27px; z-index:100;}

.photoGalleryWrapper a.galleryLink:active span, a.galleryLink:focus span {display:block; position:absolute; width:349px; height:269px; top:166px; left:27px; z-index:50;}



.gradientBar {background: url(../images/gradientBarBG_div.gif) no-repeat; width: 653px; height: 13px; font-size: 65%; text-align: right; color: #656565; vertical-align: middle;}

.gradientBar a {color: #656565; text-decoration: none; font-weight: bold; padding-right: 8px;}

.gradientBar a:hover {color: #656565; text-decoration: underline; font-weight: bold;}



#submissionArticle .footerButtons .prevNextButton * {float: left; }

#submissionArticle .footerButtons .prevNextButton {float: left; width: 455px; text-align: left; margin: 0; padding: 0;}

#submissionArticle .footerButtons .buttonContainer {padding:0 5px 0 0; margin: 0;}

#submissionArticle .footerButtons .backButton {margin: 0 70px 0 455px; }



#page_10_05_preview #submissionArticle #submissionSubmit {color: #454545; font-size: 70%; width: 350px;}

#page_10_05_preview #submissionArticle #submissionSubmit .submissionPreview {color: #cc0000; font-weight: bold; font-size: 110%;}

#page_10_05_preview #submissionArticle #submissionSubmit .buttonContainer {float: left; font-size: 150%; margin: 0px; padding: 15px 0 0 0;}

#page_10_05_preview #submissionArticle #submissionPhoto {height: 320px;}

#page_10_05_preview .photoGalleryWrapper a.galleryLink:hover span {display:block; position:absolute; width:349px; height:269px; top:155px; left:27px; z-index:100;}

#page_10_05_preview .photoGalleryWrapper a.galleryLink:active span, #page_10_05_preview a.galleryLink:focus span {display:block; position:absolute; width:349px; height:269px; top:155px; left:27px; z-index:50;}



#submissionList .imageWrapper {float: left; with: 108px; height: 87px; background: url(../images/photoFrameSubmissionList.gif) no-repeat; padding: 7px; margin-right: 10px; margin-bottom: 10px;}

#submissionList .entryHeading p {font-size: 100%; padding: 0; margin: 0;}

#submissionList .entryHeading {font-size: 75%; color: #454545;}

#submissionList .entryHeading .entryHeadingTitle, #submissionList .entryHeading .entryHeadingTitle a {font-weight: bold; color: #ff9900; font-size: 105%;}

#submissionList .entryHeading .entryHeadingTitle a:hover {color: #000066;}

#submissionList .entryHeading .postedBy {font-size: 75%;}



/*#submissionList .footerButtons .prevNextButton * {float: left;}*/

#submissionList .footerButtons .prevNextButton {float: left; width: 455px; text-align: left; margin: 0; padding: 0;}

#submissionList .footerButtons .buttonContainer {float: left; padding:0 5px 0 0; margin: 0;}

#submissionList .footerButtons .backButton {margin: 0 70px 0 455px;}

#submissionList .footerButtons .buttonTextNav{ float: left; text-align: left; color: #454545; }

#submissionList .footerButtons .buttonTextNav a{ padding-left: 5px;}

#submissionList .footerButtons .buttonTextNav a.buttonTextNavSelected{ text-decoration: underline; color: #000066;}



#submissionMyVersion {vertical-align: top;}

#submissionMyVersion #submissionIntroText {font-size: 70%; color: #7c7c7c; padding-bottom: 10px;}



#submissionMyVersion #submissionIntroText .submissionPreview {color: #cc0000; font-weight: bold; font-size: 110%;}

#submissionMyVersion #submissionPhoto {float: left; clear: left; width: 370px; height: 320px; font-size: 70%; color: #7c7c7c; padding-right: 0px;}

#submissionMyVersion #submissionPhoto #submissionPhotoText {padding-bottom: 5px;} 

#submissionMyVersion #submissionPhoto #submissionPhotoImg {background: url(../images/photoFrameLarge.gif) no-repeat; width: 359px; height: 286px; padding: 7px;}

#submissionMyVersion #submissionPhoto #submissionPhotoTag {font-style: italic; color: #454545; font-weight: bold; margin-top: -10px; font-size: 80%; padding-left: 5px;}

#submissionMyVersion #submissionPhoto #submissionText p {font-size: 100%;} /* reset default font */

#submissionMyVersion #submissionPhoto #submissionText {font-size: 75%; color: #454545;}

#submissionMyVersion #submissionPhoto #submissionText #submissionTextHdr {font-size: 110%; font-weight: bold; color: #ff9900;}

#submissionMyVersion #userProfile {float: right; background: url(../images/userProfileBg2.gif) no-repeat; width: 279px; height: 100px; margin-bottom: 20px; font-size: 65%; vertical-align: top;}

#submissionMyVersion #userProfile{ margin-left: 10px; }

#submissionMyVersion #userProfile #userProfilePhoto {float: left; width: 245px; padding: 9px 0px 2px 9px;}

#submissionMyVersion #userProfile #userProfilePhoto #viewProfileLink {padding-left: 5px; font-weight: bold; color: #454545; }

#submissionMyVersion #userProfile #userProfileDetails {padding-top: 10px;}

#submissionMyVersion #userProfile #userProfileDetails #userName {color: #454545; font-size: 110%; font-weight: bold; padding-bottom: 5px;}

#submissionMyVersion #submissionText #submissionTextHdr {color: #ff9900; font-weight: bold;}

#submissionMyVersion #submissionText p {color: #454545; font-size: 75%; }



/*#submissionList .footerButtons .prevNextButton * {float: left;}*/

#submissionMyVersion .footerButtons .prevNextButton {float: left; width: 455px; text-align: left; margin: 0; padding: 0;}

#submissionMyVersion .footerButtons .buttonContainer {float: left; padding:0 5px 0 0; margin: 0;}

#submissionMyVersion .footerButtons .backButton {margin: 0 70px 0 455px;}

#submissionMyVersion .footerButtons .buttonTextNav{ float: left; text-align: left; color: #454545; }

#submissionMyVersion .footerButtons .buttonTextNav a{ padding-left: 5px;}

#submissionMyVersion .footerButtons .buttonTextNav a.buttonTextNavSelected{ text-decoration: underline; color: #000066;}



#submissionMyVersion #ContentWithBackground{ width: 657px; height: 364px; background:url(../images/formBG.gif) no-repeat top; }

#submissionMyVersion #ContentWithBackground .myVersionMainBox .myVersionMainBox1{ float: left; text-align: right; width: 102px; color:#454545; }

#submissionMyVersion #ContentWithBackground .myVersionMainBox .myVersionMainBox2{ float: left; text-align: left; width: 530px; padding-left: 12px; }

input, textarea{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	}

#submissionMyVersion #ContentWithBackground .myVersionMainBox .myVersionMainBox2 input{ width: 430px; }

#submissionMyVersion #ContentWithBackground .myVersionMainBox .myVersionMainBox2 textarea{ width: 430px; height: 220px;}



#submissionMyVersion #ContentWithBackground .myVersionMainBox .myVersionMainBox2 .footerButtons .prevNextButton {float: left; width: 455px; text-align: left; margin: 0; padding: 0;}

#submissionMyVersion #ContentWithBackground .myVersionMainBox .myVersionMainBox2 .footerButtons .buttonContainer {float: left; padding:0 5px 0 0; margin: 0;}

#submissionMyVersion #ContentWithBackground .myVersionMainBox .myVersionMainBox2 .footerButtons .backButton {margin: 0 70px 0 455px;}

#submissionMyVersion #ContentWithBackground .myVersionMainBox .myVersionMainBox2 .fontSelect { float:right; padding-right: 20px; padding-bottom: 4px; }



#readersHead {float: left; background: white; margin: 0; padding: 0; color: #cc0000; font-size: 95%; font-style: italic; font-weight: bold;}

#readers {font-weight: bold; color: #333333; border-bottom: 1px solid #ff9900; text-align: right; font-size: 65%; padding-top: 3px;}



/* styling to remove the standard font weight from the italic button */

.myVersionMainBox .myVersionMainBox2 #italicButton a{

	font-size: 9px;

	font-weight: normal;

	}

/* styling to add an underline to the underline button */

.myVersionMainBox .myVersionMainBox2 #underlinedButton a{

	font-size: 9px;

	text-decoration:underline;

	font-weight:normal;

	}

/* styling to add an underline to the underline button */

.myVersionMainBox .myVersionMainBox2 #boldButton a, .updateBlogSingleImage #buttonButton a{

	font-size: 9px;

	font-weight:bold;

	}

.myVersionMainBox .myVersionMainBox2 .updateBlogOptionButton{

	float: left;

	}

.myVersionMainBox .myVersionMainBox2 .updateBlogSpellCheckButton{

	float: right;

	width:174px;

	}

	

/* container for the options buttons */

.myVersionMainBox .myVersionMainBox2 .updateBlogOptionBox{

	width: 430px;

	}



/* positioning for the combo box */

.myVersionMainBox .myVersionMainBox2 .updateBlogOptionBox select{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	width:123px;

	float:right;

	margin-top: 6px;

	

}

/* add styles for the left part of a blue button */

.myVersionMainBox2 .greyButton .buttonLeft, .updateBlogSingleImage .blogButton .buttonLeft{

	background-image:url(../images/g_lhs.gif);

	}



/* add styles for the middle part of a blue button */

.myVersionMainBox2 .greyButton .buttonText, .updateBlogSingleImage .blogButton .buttonText{

	background-image:url(../images/g_mid.gif);

	}

	

/* add styles for the right part of a blue button */

.myVersionMainBox2 .greyButton .buttonRight, .updateBlogSingleImage .blogButton .buttonRight{

	background-image:url(../images/g_rhs.gif);

	}

/* styling for the buttons on the blog bar */

.myVersionMainBox .myVersionMainBox2 .updateBlogOptionButton{

	/*margin-top:-8px;*/

	font-weight:normal;

	margin:0px;

	margin-right:2px;

	float: left;

	}

/* styling for the buttons (Previous and Next) that appear at the bottom of the page */

.myVersionMainBox .blogButton, .updateBlogSingleImage .blogButton{

	font-size: 9px;

	/*display:block;*/

	/*margin-left:305px;*/

	margin-top: 5px;

	padding: 5px;

	line-height: 1.4;

	}





/* container to hold the blog images and their captions */

#submissionMyVersion .updateBlogAddImagesCont{

	width:475px;

	margin-top:20px;

	}



/* styling for the heading in the add images container */

#submissionMyVersion .updateBlogAddImagesCont h1{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color:#454545;

	margin-bottom: 10px;

	}

	

/* add the container for a single image and caption */

#submissionMyVersion .updateBlogAddImagesCont .updateBlogSingleImage{

	width:475px;

	font-size:80%;

	height:100px;

}



/* styling for the heading for a single image item */

#submissionMyVersion .updateBlogAddImagesCont .updateBlogSingleImage h1{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color:#454545;

	margin:0px;

	padding:0px;

	clear:both;	

	margin-top:10px;

	}



/* styling for the input text field */

#submissionMyVersion .updateBlogAddImagesCont .updateBlogSingleImage input{

	float:left;

	width:310px;

	margin-top:6px;

	}



/* styling for the image upload buttons */

#submissionMyVersion .updateBlogAddImagesCont .updateBlogSingleImage .updateBlogImageButtons{

	margin:0px;

	float: left;

	}



/* styling for the comment caption */

#submissionMyVersion .updateBlogAddImagesCont .updateBlogSingleImage p{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color:#454545;

	font-style:italic;

	margin:0px;

	clear: both;

	margin-top: 5px;

	}



/* styling for the comment text box */

#submissionMyVersion .updateBlogAddImagesCont .updateBlogSingleImage .updateBlogImageCaption{

	width:255px;

	margin-bottom: 10px;

	}



.myVersionDisplay{font-family:verdana,'Arial',tahoma,georgia,sans-serif}



/* a clearing class used to get rid of residual floating layouts */

.clearAll{ clear:both; }