html,body,div,img,h3,h4,li,ul,ol,dl,dd,dt,form
{
	margin:0px; 
	padding:0px; 
	border:0px; 
	border-collapse: separate; 
	border-spacing:0px;
	font-family: 'Lato', 'Nevis', Tahoma, Geneva, sans-serif;
} 
input,select{margin:0; padding:0;}


fieldset{
	-moz-border-radius: 10px 10px 10px 00px; /* FF */
	border-radius:  10px 10px 10px 10px; /* The Rest */	
}


.Header 
{
	margin-top: 0px;
	width: 960px;
	border: 0px;
	text-align: center;
}


.displayAnnuals 
{	
	background-image: url(../images/Backgrounds/AnnualsBG.jpg);
}

.TitleDDLAnnuals 
{
	font-size: 15px;
}


.TitleDDLGallery {
	font-size: 15px;
	color: #090;
	background-color: #F5F5F5;
}


.TitleDDLSpecials 
{
	font-size: 15px;
	color: #960;
	background-color: #FFFF9D;
}

/* Admin Annuals DDL */
.TitleAdminAnnuals 
{
	font-size: 15px;
	color: #720000;
	background-color: #FFA5A5;
}

/* Admin Specials DDL */
.TitleAdminSpecials 
{
	font-size: 15px;
	color: #B68D00;
	background-color: #FFFF8A;
}


.AdminIndex 
{	
	background-image:url(../images/Backgrounds/GradiantWhite.jpg);
}


.AdminHeader 
{
	font-size: 20px;
	text-align: center;
	color: #900;	
}

.AdminSections 
{
	font-size: 14px;
	text-align: center;
	font-weight:bold;
	color: #333;	
}

.msgTextBlue 
{
	font-size: 13px;
	font-weight: bold;
	color: #039;
}

.msgTextBlue13 
{
	font-size: 13px;
	font-weight: bold;
	color: #0089B7;
	text-align:right;
	height: 20px;
}

.msgTextBlue2 
{
	font-size: 13px;
	font-weight: bold;
	color: #0089B7;
	text-align:left;
}

.msgTextGreen1 {font-size: 13px; font-weight: bold; color: #060;}

/* Used within the LoginBox to control the 'Logout' word */
.msgTextGreen {font-size: 13px; font-weight: bold; color: #393;}
.msgTextGreen a:link {font-size:13px; color: #393; text-decoration: none;}
.msgTextGreen a:visited {font-size:13px; text-decoration: none;	color: #393;}
.msgTextGreen a:hover {font-size:13px; text-decoration: underline;	color: #060;}
.msgTextGreen a:active {font-size:13px; text-decoration: none;}

#AdminButtons
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding-top: 5px;
	text-align: left;
}

.AdminComicTitles
{
	font-size: 13px;
	font-weight: bold;
	line-height: 1.7em;
	color: #360;
}

.AdminComicTitlesBar
{
	font-size: 13px;
	font-weight: bold;
	color: #C30;
}

.AdminComicTitlesHeader
{
	font-size: 16px;
	font-weight: bold;
	color: #900;
	text-align:center;
}


.adminTitleBody 
{
	background-image:url(../images/Backgrounds/GradiantWhite.jpg)	
}


.adminGalleryBody 
{
	background-image:url(../images/Backgrounds/GradiantWhite.jpg)	
}


.adminAnnualsBody {
	background: url(../images/Backgrounds/GradiantWhite.jpg) 0 0 fixed ;
	font-size:14px;
	font-weight: normal; 
	text-decoration: none;	
	color: #333; 
	text-align:left
}


.adminSpecialsBody 
{
	background: url(../images/Backgrounds/GradiantWhite.jpg) 0 0 fixed ; 
}


.adminWelcomeBody 
{
	background: url(../images/Backgrounds/GradiantWhite.jpg) 0 0 fixed ; 
}


.adminLinksBody {
	background: url(../images/Backgrounds/GradiantWhite.jpg) 0 0 fixed ; 
}


.adminSiteSettingsBody 
{
	background: url(../images/Backgrounds/GradiantWhite.jpg) 0 0 fixed ; 
	font-size:14px;
	font-weight: normal; 
	text-decoration: none;	
	color: #333; 
	text-align:left
}

.adminTemplateBody 
{
	background: url(../images/Backgrounds/GradiantWhite.jpg) 0 0 fixed ; 
}


.ScrollBox 
{
	padding : 0px; 
	width : 960px;
	height: 580px;
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	overflow: auto !important;
	position: relative;	/* Required for IE browsers */
}


/* Used within the CKEditor display pages (non-admin) - Text size is 13px */
.CKEditorTable13 {font-size: 13px; color: #333; vertical-align:top}
.CKEditorTable13 a:link {font-size:13px;  color: #06F;	text-decoration: underline; padding-right: 2px;}
.CKEditorTable13 a:visited {font-size:14px;  color: #06F; text-decoration: underline;}
.CKEditorTable13 a:hover {font-size:13px;  color: #C30; text-decoration:underline;}


/* Used within the CKEditor display pages (non-admin) - Text size is 14px */
.CKEditorTable14 {font-size: 14px; color: #333; vertical-align:top}
.CKEditorTable14 a:link {font-size:14px;  color: #06F;	text-decoration: underline; padding-right: 2px;}
.CKEditorTable14 a:visited {font-size:14px;  color: #06F; text-decoration: underline;}
.CKEditorTable14 a:hover {font-size:14px;  color: #C30; text-decoration:underline;}


/***************************************/
/*    S E C T I O N      S E T U P     */
/*                                     */
/* Setting up sections like Annuals,   */
/* AdminAnnuals, Welcome etc.          */
/*                                     */
/***************************************/

.ControlPanelBody 
{
	background: url(../images/Backgrounds/GradiantWhite.jpg) 0 0 fixed; 
	font-family: Lato;
	font-size: 14px;
	margin-top: 5px;
}

.AnnualsBody 
{
	background: url(../images/Backgrounds/GradiantGreen.jpg) 0 0 fixed; 
	font-family: Lato;
	font-size: 14px;
	margin-top: 5px;
}


.GalleryBody 
{
	background: url(../images/Backgrounds/GradiantBlue.jpg) 0 0 fixed; 
	font-family: Lato;
	font-size: 14px;
	color: #000;
	height: 100%;
	margin-top: 5px;
}

.IndexBody 
{
	padding: 0% 7%;
	background: url(../images/Backgrounds/GradiantWhite.jpg) 0 0 fixed;	
	color: #000; 
	font-family: Lato;
	font-size:14px;
}

.LinksBody 
{
	padding: 0% 7%; 
	background: url(../images/Backgrounds/GradiantWhite.jpg) 0 0 fixed; 
	color: #000; 
	font-family: Lato;
	font-size:14px;
	margin-top: 5px;
}

.SpecialsBody 
{
	padding: 0% 7%; 
	background: url(../images/Backgrounds/GradiantYellow.jpg) 0 0 fixed; 
	color: #000; 
	font-family: Lato;
	font-size:14px;
	margin-top: 5px;
}


.WelcomeBody 
{
	padding: 0% 7%; 
	background: url(../images/Backgrounds/GradiantWhite.jpg) 0 0 fixed; 
	color: #000; 
	font-family: Lato;
	font-size:14px;
	margin-top: 5px;
}


.LoadingBayBody
{
	background: url(../images/Backgrounds/GradiantOrange.jpg) 0 0 fixed; 
	font-family: Lato;
	font-size: 12px;
	margin-top: 5px;	
}

.AnnualInfoText 
{
	text-align: left;
	font-size:13px;
	color: #000;
	font-weight: normal;		
}



hr 
{ 
	border: 0; 
	color: #CECECE; 
	background-color: #CECECE; 
	height: 1px;
	width:250px;
} 

/* Used in the SiteSettings script */
.breakLine
{ 
	border: 0;
	margin: 2px;
	background-color: #666; 
	height: 1px;
	width: 95%;
	text-align:center;
} 

.padding5
{
	background-color:#000;
	padding:50px;
}


/*  This line controls the Dropdown Menus in the Header section - These will be replaced after the Welb has done his bit.  */
h1 { margin-bottom: .5em; border-bottom: solid 1px #fff; font-weight: normal; font-size: 180%; text-indent: 20px; letter-spacing: -1px; }

/* Controls the Links text in some of the Admin sections like Links */
.AdminHeaderLinks {font-size: 13px; font-weight: normal; text-decoration: none;	color: #900; text-align:center}
.AdminHeaderLinks a:link {font-size: 13px; font-weight: normal; text-decoration: none; color: #900; text-align:center}
.AdminHeaderLinks a:visited {font-size:13px; font-weight: normal; text-decoration: none; color: #900; text-align:center}
.AdminHeaderLinks a:hover {font-size:13px;  font-weight: normal; text-decoration: underline; color: #09F; text-align:center}

.Black14 {font-size: 14px; font-weight: normal; text-decoration: none;	color: #333; text-align:left}

/* hr {color: #666; width:910px; height:1px; border-top:1px;} */

#AddDetails
{
	border-style: solid;
	border-width: 1px;
	border-color: #063;
	background-color: #E6FDD5;
	width: 100%;	
	margin-top: 10px;
	padding: 5px;
	text-align: left;
}

.Email
{
	text-align: left;
	font-size:13px;
	color: #000;
	font-weight: normal;	
}


/*Other  'Already Taken' Textbox */
.medSmallDiv 
{
	font-size:13px;
	font-weight: 200;
	text-align:center;
	color: #FFFF66;
	position: relative;
	width: 200px;
	background-color: #006633;
	padding:5px;
	border-style:ridge;	
	border-width:thick;
	border-color: #006633;
	visibility:hidden;
}



.thankYouDiv 
{
	font-size:13px;
	font-weight: normal;
	text-align: left;
	color: #FFFF66;
	position: relative;
	width: 300px;
	background-color: #006633;
	padding:5px;
	margin-top: 10px;
	border-style:ridge;	
	border-width: medium;
	border-color: #3C1E1E;
	border-spacing: 30px;
	visibility:hidden;
}

.ActionTaken 
{
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	color: #FFFF66;
	position: relative;
	width: 200px;
	background-color: #C00;
	padding:5px;
	margin-top: 10px;
	border-style:ridge;	
	border-width: medium;
	border-color: #3C1E1E;
	border-spacing: 30px;
	visibility:hidden;
}


#feedbackBody
{
	width: 930px;
	height: 260px;
	padding: 10px;
	margin-bottom: 10px;
	position: relative;
}


/* Used on the Feedback form */
.messageBox
{
	text-align: left;
	position: absolute;
	left: 640px;
	top: 90px;
	width: 250px;
	padding:5px;
	border-style:ridge;	
	border-width: thin;
	border-color: #060;
	border-spacing: 20px;
}



.Standard a:link {color: #3FF;}
.Standard a:visited {color: #3FF;}
.Standard a:hover {color: #39F;}

.GeneralInfo
{
	text-align: right;
	font-size:12px;
	color: #900;
	font-weight: normal;	
}

.verticalLine
{
	border-left: 1px solid #C1C1C1; padding: 10px;	
}


#leftPanel
{
	width: 40px;
	background-color: #000;
	display: inline-block;
	vertical-align: top;
	visibility: hidden;
	cursor: pointer;
}

#mainFrame
{
	background-color: #000;
	width: 500px;
	border: 5px;
	border-color: #6A3333;
	border-style: ridge;
	padding: 10px;
	font-size: 13px;
	font-weight: bolder;
	color:#FFF;
	overflow: hidden;
}


#centrePanel
{
	width: 400px;
	background-color: #000;	
	display: inline-block;
	vertical-align: middle;
}


#rightPanel
{
	width: 40px;
	background-color: #000;	
	display: inline-block;
	vertical-align: top;
	visibility: hidden;
	cursor: pointer;
}

#frameNoteDetails
{
	background-color:#000;
	text-align: center;
}


#thumbnailImage
{
	cursor: pointer;
}

#ReturnTo img
{
	cursor:pointer;
	border-style: none;
}


#thumbnailsGallery
{
	visibility: visible;	
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * * * * * * * * * * * Slideshow controls style rules  (START) * * * * * * * * * * * * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

 
.control 
{
  display:block;
  width:40px;
  height:40px;
  position:absolute;
  cursor: pointer;
}

#leftControl 
{
	top: 5px;
	right:70px;
	background: url(../images/General/ButtonPrev.png) no-repeat 0 0;
}

#playControl 
{
	top: 5px;
	right:70px;
	background: url(../images/General/ButtonPlay.gif) no-repeat 0 0;
}

#stopControl 
{
	top: 5px;
	right:70px;
	background: url(../images/General/ButtonStop.gif) no-repeat 0 0;
}

#rightControl 
{	
	top: 5px;
	right:20px;
	background: url(../images/General/ButtonNext.png) no-repeat 0 0;
}

/* Same as above but is used within the Gallery section */
#ComicDetailLEFT {
	top: 5px;
	right:70px;
	background: url(../images/General/ButtonPrev.png) no-repeat 0 0;
}

#ComicDetailRIGHT 
{	
	top: 5px;
	right:20px;
	background: url(../images/General/ButtonNext.png) no-repeat 0 0;
}


#slideshowPanel #slidesContainer 
{
	/*background-color: #C6F;*/
	width: 660px;
	height: 420px;
	position: relative;
}


/* The large image */
.imageContainer
{
	/*background-color: #FFC;*/
	width: 420px;
	height: 420px;;
	float: left;
}


/* The large image */
.image 
{
	margin-left:auto;
	margin-right:auto;
	padding: 10px;
}


/* The Button Controls */
.detailsContainer
{
	/* background-color: #336; */
	width: 240px;
	height: inherit;
	float: left;
}

.emptyArea
{	
	/*background-color: #966;*/
	height: 50px;
}

.titleArea
{
	/*background-color: #630;*/
	text-align: center;
	height: auto;
	font-size: 20px;
	font-style: oblique;	
	font-weight: bold;
	padding-top: 10px;	
}

.textArea
{
	/*background-color: #F00;*/
	font-size: 13px;
	text-align: justify;
	height: 250px;
	padding: 5px;
	overflow: auto; /* allow scrollbar */
}


.addDetailsArea
{
	/*background-color: #060;*/
	padding: 10px;
	width: 124px;	
}
/* * * * * * * * * * * Slideshow controls style rules  (END) * * * * * * * * * * * */


#bodyArea
{
	width: 100%;
	clear: both;
	margin-top: 10px;	
}

/* Body Panel for the Annuals and Specials */
#bodyPanelAS
{
	/*background-color: #FF3;*/
	width: 100%;
	height: 435px;
}

#slideshowPanel
{
	/*background-color: #FFF;*/
	width: 70%;
	height: 420px;
	float: left;
	text-align:center;
	visibility: hidden;
	margin-top: 5px;
}

#infoPanel
{
	/*background-color: #D2D200;*/
	width: 29.45%;
	height: 420px;
	float: left;
	text-align: center;
	margin-top: 5px;
	margin-left: 5px;
	position: relative;
}

#ddlPanel
{
	/*background-color: #93C;*/
	width: 80%;
	height: 10%;
	position: relative;
	padding-top: 3%;
	padding-left: 3%;
	float: left;
}

#tharg
{
	/*background-color: #C60;*/
	width: 13%;
	margin-left:8px;
	height: 10%;
	float: left;
	cursor: pointer;
}

#tharg img
{	
	border-style: none;	
}

#GeneralInfo
{
	/*background-color: #093;*/
	clear: both;
	text-align: justify;
	font-size: 13px;
	padding-left: 3%;
	padding-right: 3%;
	height: 70%;
	overflow: auto; /* allow scrollbar */
	visibility: visible;
}

#AddDetailsPanel
{
	/*background-color: #D2D2D2;*/
	width: 100%;
	height: 59%;
	text-align:center;
}

#whencePanel
{
	/*background-color: #F03;*/
	width: 100%;
	height: 13%;
	position:absolute;	/* These two lines send the child Div to the bottom of the */
	bottom: 0;
}

#thumbnailPanel
{
	/* 	background-color: #F2F2F2;*/	
	background: url(../images/Backgrounds/GradiantWhite.jpg) 0 0 repeat; 
	width: 100%;
	clear: both;
	text-align: center;
	margin-bottom: 10px;

	border-width: 1px;
	border-style:solid;
}


.thumbnailContainer
{
	width: 158px; /* 980/6 */
	height: 190px !important;
	float: left;
	position: relative;
}


.thumbnail
{	
	line-height: 300px;
	height: 190px !important;
}

.pointer
{	
	cursor:pointer;
}


.footerPanel {clear:both; padding: 10px; 10px; font-size: 12px; font-weight: normal; text-decoration: none; color: #333; text-align:center}
.footerPanel a:link {font-size: 12px; font-weight: normal; text-decoration: none; color: #09F; text-align:center}
.footerPanel a:visited {font-size:12px; font-weight: normal; text-decoration: none; color: #09F; text-align:center}
.footerPanel a:hover {font-size:12px;  font-weight: normal; text-decoration: underline; color: #06F; text-align:center}


#DetailsForm
{
	 display:none;
	 padding-top: 10px;
}

.rounded-box 
{
	-moz-border-radius: 10px; /* FF */
	border-radius: 10px; /* The Rest */
}

.rounded-box-top 
{
	-moz-border-radius: 10px 10px 0px 0px; /* FF */
	border-radius:  10px 10px 0px 0px; /* The Rest */
}

.rounded-box-bottom 
{
	-moz-border-radius: 0px 0px 10px 10px; /* FF */
	border-radius: 0px 0px 10px 10px; /* The Rest */
}
  
/* Body Panel for the Gallery section */
#bodyPanelGAL
{
	/*background-color: #FFF;*/
	width: 100%;
	height: 790px;
	clear: both;
  	display: block;
	margin-top: 5px;
}

#galleryLeftMain
{
	background-color: #FFF;
	width: 550px;
	height: auto;	
	float: left;
	padding: 5px;
}

/* Arrow Buttons */
#galleryLeft1
{
	/*background-color: #C63;*/
	width: 550px;
	height: 45px;
	position: relative;
}

#galleryLeft2
{
	/*background-color: #666;*/
	width: 550px;
	height: 660px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top: 10px;
}

#galleryLeft3
{
	/*background-color: #60F;*/
	width: 550px;
	height: 20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-weight:bold;		
}

#galleryLeft4
{
	/*background-color: #60F;*/
	width: 550px;
	height: 20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-weight:bold;		
}

#galleryLeft5
{
	/*background-color: #60F;*/
	width: 550px;
	height: 20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-weight: lighter;		
}
/* Same as above but is used within the Gallery section and relates to the Info Icons */
#infoIconBetterImage 
{
	position: absolute;
	top: 5px;
	left:20px;
	visibility: hidden; 
}

#infoIconThumbsUp 
{	
	position: absolute;
	top: 5px;
	left:70px;
	visibility: hidden; 
}

#addDetailsGallery
{		
	position: absolute;
	top: 10px;
	left:210px;
	visibility: hidden; 
}


#infoGallery
{		
	position: absolute;
	top: 4px;
	left: 370px;
	visibility: hidden; 
}


#galleryRightMain
{
	/*background-color: #FDD;*/
	width: 39.4%;
	height: auto;	
	float: left;
	margin-left: 5px;
	padding: 5px;
}

#galleryRight1
{
	/*background-color: #FF3;*/
	width: 316px;
	height: 35px;
	text-align: center;
	padding-top: 5px;
	float: left;
}

.galleryRight2
{
	/*background-color: #39F;*/
	width: 100%;
	height: auto;
	float: left;
	margin-left:auto;
	margin-right:auto;
}

#tabHeader
{
	/*background-color: #333;*/
	height: 16px;
	width: 97%;
	color: #CCC;
	font-size:14px;
	font-weight:bold;
	text-align: center;
	margin-top: 2px;
	cursor: pointer;
	margin-left: 1.5%;	
	float: left;
}


#choiceBox
{
	width: 90%;
	height: auto;
	padding-left: 10px;
	float: left;
	margin-left: 14px;
	margin-top: -2px;
	font-size: 13px;
	
	border-bottom: 1px;
	border-top: 0px;
	border-left: 1px;
	border-right: 1px;
	border-style: solid;
	border-color: #333;
}

#ComicDetail
{
	margin: 2px;
	width: 96%;
	cursor: pointer;
}

#bottomSpacer
{
	height: 50px;	
}

.dropShadow
{
	-moz-box-shadow: 4px 4px 2px #888;
	-webkit-box-shadow: 4px 4px 2px #888;
	box-shadow': 4px 4px 2px #888;
}

/* Lightbox */
.backdrop
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:600%;
	background:#000;
	opacity: .0;
	filter:alpha(opacity=0);
	z-index:50;
	display: none;	
}

/* The Lightbox for the Gallery Section */
.boxGAL
{
	position:absolute;
	top:24%;
	left:56%;
	width:400px;
	height:600px;
	font-size: 12px;
	z-index:51;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 5px #444444;	
	-webkit-box-shadow: 0px 0px 5px #444444;
	box-shadow: 0px 0px 5px #444444;
	display:none;
	overflow: auto; /* allow scrollbar */
}


/* The Lightbox for the Annuals and Specials Section */
.boxAS
{
	position:absolute;
	top:15%;
	left:33%;
	width:400px;
	height:500px;
	background-color: #FFA;
	font-size: 12px;
	color: #2D2D2D;
	text-align: center;
	z-index:51;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 5px #444444;	
	-webkit-box-shadow: 0px 0px 5px #444444;
	box-shadow: 0px 0px 5px #444444;
	border-style: solid;
	border-width: 3px;
	border-color: #666;
	display:none;
	position: fixed;
}

.close
{
	float:right;
	margin-right: 6px;
	cursor: pointer;	
}

#boxDisplay
{
	clear: both;
	padding-top: 10px;
}

/*  Gallery ADD DETAILS Lightbox Setup START */

.backdropDETAILS
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:600%;
	background:#000;
	opacity: .0;
	filter:alpha(opacity=0);
	z-index:50;
	display: none;	
}

/* The Lightbox for the Gallery Section */
.boxDETAILS
{
	position:absolute;
	top:24%;
	left:56%;
	width:400px;
	height:600px;
	font-size: 12px;
	z-index:51;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 5px #444444;	
	-webkit-box-shadow: 0px 0px 5px #444444;
	box-shadow: 0px 0px 5px #444444;
	display:none;
}

#boxDisplayDETAILS
{
	clear: both;
	padding-top: 10px;
}

/*  Gallery ADD DETAILS Lightbox Setup END */


#OpenAllTabs
{
	cursor: pointer;
}

#largeImageGAL
{
	cursor: pointer;
}

#SectionName
{
	/*background-color: #990;*/
	width: 100%;
	position: absolute;
	bottom: 10px;
	color: #900;
	font-size: 24px;
	text-align:center;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	right: 0;
}

/* Loading Bay */

#description
{
	width: 930px;
	height: auto;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 15px;
}

#topLB
{
	width: 930px;
	height: 300px;
	padding: 10px;
	margin-bottom: 10px;
}

#step1
{
	background-color: #FFF;
	border-style: solid;
	border-width: 1px;
	border-color: #666;
	width: 23%;
	height: inherit;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 10px;
}

#step2
{
	background-color: #FFF;
	border-style: solid;
	border-width: 1px;
	border-color: #666;
	width: 24%;
	height: inherit;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 10px;
}

#step3
{
	background-color: #FFF;
	border-style: solid;
	border-width: 1px;
	border-color: #666;
	width: 26%;
	height: inherit;
	float: left;	
	padding-left: 5px;
	padding-right: 5px;	
	margin-right: 10px;
}

#step4
{
	background-color: #FFF;
	border-style: solid;
	border-width: 1px;
	border-color: #666;
	width: 18%;
	height: inherit;
	float: left;	
	padding-left: 5px;
	padding-right: 10px;
}


#SectionChoice
{
	font-size: 14px;
}

#imageArea
{
	clear: both;
	width: 670px;
	height: 232px;
	padding: 10px;
	float: left;
	margin-bottom: 10px;
}

#iframeArea
{
	float: left;
}

#imageAreaText
{
	float: left;
	vertical-align: top;
	border: 0;
	width: 260px;
}

#actualiframe
{
	border: 0;
	height: 300px;
	width: 350px;
	overflow: hidden !important;
}

#thankYouArea
{
	width: 230px;
	height: 232px;
	padding: 10px;
	margin-left: 10px;
	font-size:12px;
	float: left;
	margin-bottom: 10px;
}

#escape
{
	clear:both;	
}

/* places a red border on the inside of a form text box */
.focus
{
	border-color: #F00;
}

.rowCP
{
	/*background-color:#093;*/
	width: 100%;
	height: 110px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	text-align:center;
}

.rowCPText
{
	/*background-color: #33C;*/
	width: 100%;
	height: 20px;
	margin-bottom: 40px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.columnCP
{
	/*background-color: #F69;*/
	width: 20%;
	height: auto;
	float: left
}

.siteDown
{
	margin-top: 10px;
	width: 100%;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color: #900;	
}

/* Admin SETTINGS CSS ---- Start ----  */

#settingsBody
{
	/*background-color: #CCC;*/
	height: auto;
	margin-top: 5px;
}

#panelDetails
{
	/*background-color: #600;*/
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	height: auto;
	padding: 10px;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 15px;

	border-style: solid;
	border-width: 1px;
	
}

#newSectionContainer
{
	background-color: #CAFFCA;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	padding: 10px;
	height: 410px;
	line-height: 30px;
	font-size: 14px;
	position: relative;

	border-style: solid;
	border-width: 1px;
}

#amendSectionContainer
{
	background-color: #FFFFD7;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	padding: 10px;
	height: 410px;
	line-height: 30px;
	font-size: 14px;
	position: relative;

	border-style: solid;
	border-width: 1px;
}


#NewSectionNameNS{width: 600px;	clear: both;}
#InitialSecurityLevelNS{width: 600px; clear: both;}
#SettingTypeNSDiv{width: 600px;	clear: both;}
#LoadingBayOptionNSDiv{width: 600px; clear: both;}
#MakeLiveNSDiv{width: 600px; clear: both;}
#ShowInNavigationBarNSDiv{width: 600px;	clear: both;}
#IsParentLevelNSDiv{width: 600px; clear: both;}
#ParentLevelIDNSDiv{width: 600px; clear: both;}
#PositionWithinParentDivNS{width: 600px; clear: both;}
#NavigationBarPositionNSDiv{width: 600px; clear: both;}
#PageDisplayPositionNSDiv{width: 600px;	clear: both;}
#ButtonsNS{width: 600px; clear: both;}


#NewSectionNameAS{width: 600px;	clear: both;}
#InitialSecurityLevelAS{width: 600px; clear: both;}
#SettingTypeASDiv{width: 600px;	clear: both;}
#LoadingBayOptionASDiv{width: 600px; clear: both;}
#MakeLiveASDiv{width: 600px; clear: both;}
#ShowInNavigationBarASDiv{width: 600px;	clear: both;}
#IsParentLevelASDiv{width: 600px; clear: both;}
#ParentLevelIDASDiv{width: 600px; clear: both;}
#PositionWithinParentDivAS{width: 600px; clear: both;}
#NavigationBarPositionASDiv{width: 600px; clear: both;}
#PageDisplayPositionASDiv{width: 600px;	clear: both;}
#ButtonsAS{width: 600px; clear: both;}


#sectionLeft
{
	float: left;
	width: 200px;
}

#sectionRight
{
	float: left;
	width: 300px;
}

#WarningParentLevel
{
	position: absolute;
	left: 400px;
	top: 180px;
	background-color: #F00;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	width: 330px;
	-moz-border-radius: 10px; /* FF */
	border-radius: 10px; /* The Rest */
}


#closeButtonNS
{
	position:absolute;
	right: 20px;
	cursor: pointer;
}

#closeButtonAS
{
	position:absolute;
	right: 20px;
	cursor: pointer;
}

#messageBoxNS
{
	position:absolute;
	top: 5px;
	left: 500px;
	color: #FF0;
	max-width: 400px;
	max-height: 30px;
	padding: 5px;
}

#messageBoxAS
{
	position:absolute;
	top: 5px;
	left: 500px;
	color: #FF0;
	max-width: 400px;
	max-height: 30px;
	padding: 5px;
}


#messageBoxSE
{
	position: absolute;
	top: 302px;
	left: 400px;
	padding: 10px;
	max-width: 200px;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #060;
}


#settingsDetails
{
	/* background-color: #F40;*/
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	padding: 10px;
	height: 1660px;
	line-height: 30px;
	font-size: 14px;
	
	border-style: solid;
	border-width: 1px;
}

#settingsRegular
{
	/*background-color: #900;*/
	float: left;
	width: 49%;
	height: auto;
	margin-right: 10px;
	border-right-style: solid;
	border-right-color: #CCC;
	border-right-width: 1px;
}


#settingsAdmin
{
	/*background-color: #59F;*/
	float: left;
	width: 49%;
	height: auto;
}


#settingsLeftBox
{
	/*background-color: #960;*/
	float: left;
	width: 210px;
	height: auto;
}

#settingsRightBox
{
	/*background-color: #340;*/
	float: left;
	width: 230px;
	height: auto;
}

#settingsSectionReasonBox
{
	/*background-color: #340;*/
	float: left;
	width: 450px;
	height: auto;
}

#submitBox
{
	text-align: center;
}
/* Admin SETTINGS CSS ---- End ----  */



/* Admin GALLERY CSS ---- Start ----  */

#createRecord{
	/* background-color: #900; */
}

#mainBody{
	/* background-color: #9C3; */
	height: 700px;
	width: 100%;
	margin-top: 10px;
}

#pictureArea{
	/* background-color: #099; */
	float: left;
	height: 700px;
	width: 48%;
}

#inputArea
{
	/*background-color: #900;*/
	float: left;
	width: 50%;
	height: 700px;
	margin-right: 10px;

	font-size: 13px;
	font-weight: bold;
	color: #0089B7;
	height: 20px
}

#inputLeftBox{
	/* background-color: #93C; */
	float: left;
	height: 20px;
	width: 35%;
	padding-right: 10px;
	padding-bottom: 20px;
	text-align:right;
}

#inputRightBox{
	/*background-color: #C90; */
	float: left;
	height: 20px;
	width: 57%;
	padding-left: 10px;
	padding-bottom: 20px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-left-width: 1px;
}
/* Admin GALLERY CSS ---- End ----  */


/* VTIP Controls */
p#vtip, p#vtipwithImageBRN, p#vtipwithImageBAN { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999;color:black;}
p#vtip #vtipArrow, p#vtipwithImageBRN #vtipwithImageBRNArrow, p#vtipwithImageBAN #vtipwithImageBANArrow { position: absolute; top: -10px; left: 5px;}
p#vtipwithImage #vtipwithImageArrow { position: absolute; top: -10px; left: 25px;}


/* + + + +   HOME PAGE  (Start)  + + + + */

/*     ROWS    */
#homeRow1{
	/*background-color: #990;*/
	margin-left:auto;
	margin-right:auto;	
	width: 100%;
	height: 250px;
	text-align: center;
}

#homeRow2{
	/*background-color: #933;*/
	margin-left:auto;
	margin-right:auto;		
	width: 100%;
	height: 500px;	
	border-width: 1px;
	border-style: solid;
	background: url('../images/General/topFade.png') repeat;
}

#homeRow3{
	/*background-color: #060;*/
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	height: 190px;	
	border-width: 1px;
	border-style:solid;
}

#homeRow0{
	/*background-color: #060;*/
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 95%;
	height: 60px;
	padding: 5px;
	border-width: 1px;
	border-style:solid;
	text-align: center;
}


/*     LEFT & RIGHT    */

#homeRow1Left{
	/*background-color: #969;*/
	float: left;
	width: 50%;
}

#homeRow1Right{
	/*background-color:#00FF00;*/
	float: left;
	width: 50%;
	text-align:left;
}

#homeRow2Left{
	/*background-color:#00FF00;*/
	float: left;
	width: 310px;
	padding-top: 10px;
}

#homeRow2Right{
	/*background-color: #969;*/
	float: left;
	width: 620px;
	padding: 10px;
}

#homeRow3Left{
	/*background-color: #F2F2F2;*/
	height: inherit;
	float: left;
}

#homeRow3Right{
	/*background-color: #A2F2F2;*/
	height: inherit;
	float: left;
	margin-top: 15px !important;
}

/*     SUB-PANELS    */

#homeRow2PanelA{
}

#homeRow2PanelD{
	font-variant: small-caps;
	font-size: 32px;
}

#homeRow2PanelE{
	font-variant: normal; 
	text-align: justify;
}

#homeRow2PanelG{
	background-color: #F2F2F2;
	float: left;
	width: 28%;
	height: 245px;
	padding: 10px;
	margin-left: 10px;
	font-size: 13px;
	text-align: justify;
}

#homeRow2PanelH{
	background-color: #F2F2F2;
	float: left;
	width: 28%;
	height: 245px;
	padding: 10px;
	margin-left: 10px;
	font-size: 13px;
	text-align: justify;
}

#homeRow2PanelI{
	background-color: #F2F2F2;
	float: left;
	width: 28%;
	height: 245px;
	padding: 10px;
	margin-left: 10px;
	text-align: center;
	font-weight:900;
}

#homeRow3PanelJ{
	padding: 10px;
	height: 300px;
}

#homeRow3PanelK{	
	padding: 10px;
	height: auto;
	text-align:center;
}



.tiltMinus90{
	float: left;
	font-size: 25px;
	font-weight: 900;
	margin-top: 60px;
	margin-left: -30px;
	
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}



/* + + + +   HOME PAGE  (End)  + + + +  */