/* PENGUIN SITES STYLE SHEET: SHOPS OF State ST */

/* BASIC PAGE ELEMENTS AND GRAPHICS */

body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
	background-color: #E45050;  /* tulip background */
	background-image: url(../../images/ShopsOfDowntown_bg_gradient.jpg);
	background-repeat: repeat-x;
	z-index: 0;
}

#matte {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: transparent;
	background-image: url(../../images/ShopsOfDowntown_01.jpg);
	text-align: center;
	z-index: 20;
}

#banner {
	background-repeat: no-repeat;
	background-position: center top;
	background-color: transparent;
	height: 60px;
	top: 0px;
}

#backgroundrepeat {
	background-image: url(../../images/ShopsOfDowntown_03.jpg);
	background-repeat: repeat-y;
	background-position: center;
	z-index: 10;
}

#pageconstraint { 
    width: 940px;
}

.maintable {
	min-height: 800px;
}

.maintable, .maintabletop, .maintablebottom {
	width: 940px;
}

#footerinfo {
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../../images/ShopsOfDowntown_05.jpg);
	background-color: #E45050;  /* tulip background */
	height: 110px;
	text-align: left;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 10%;
	padding-left: 10px;
	left: 3px;  /*  This aligns the footer - for some reason it was shifted slightly to the left without this */
	color: #F96;  /* light tulip */
}
#footerinfo a, #footerinfo a:active, #footerinfo a:visited {
	color: #999;
}
#footerinfo a:hover, #footerinfo a:visited:hover {
	color: #999;
	text-decoration: underline;
}


/* POSITIONING OF LEFT - CENTER - RIGHT CONTENT COLUMNS */

td#leftcontent {
	width: 200px;
	padding-top: 85px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 3px;
	color: #EEE;
}

td#rightcontent {
	width: 150px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #EEE;
}

td#centercontent {
	width: 610px;
	padding-right: 40px;
	min-height: 800px;
}

#mainlayout {
	margin-top: 50px;
}

td#centercontent a, #centercontent a, #centercontent a:active, #centercontent a:visited {
	color: #960;
}

td#centercontent a:hover, #centercontent a:hover {
	color: #222;
	text-decoration: underline;
}



/* MENU LINKS */

#mainmenu, .menu, #menu {
	font-size: 1em;
	font-family: "Arial Black", Gadget, sans-serif;
	line-height: 1em;
}

#mainmenu a, #mainmenu a:active, .menu a, .menu a:active, .menu a:visited {
	color: #FDD33A;  /* yellow  */
	font-size: 1em;
}

#mainmenu a:hover, .menu a:hover, .menu a:hover:visited {
	color: #EEE;
	font-size: 1em;
	text-decoration: none;
}

.menuchild, .menuchild a, .menuchild a:visited {
	font-size: 0.8em;
	color: #DDD;
}

.menuchild a:hover, .menuchild a:hover:visited {
	font-size: 0.8em;
	color: #999;
	text-decoration: none;
}


/* FORMATTING FOR THE MODULES */

.bg_box_left_repeat {
	background-image: url(../../images/ShopsOfDowntown_bg_box150w_03.png);
	background-repeat: repeat-y;
	background-position: left;
	margin-left: 5px;
	padding-left: 5px;
}
.bg_box_right_repeat {
	background-image: url(../../images/ShopsOfDowntown_bg_box150w_03.png);
	background-repeat: repeat-y;
	background-position: left;
	margin-left: 0px;
	padding-left: 0px;
}
.bg_box_left_top {
	background-image: url(../../images/ShopsOfDowntown_bg_box150w_01.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 20px;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
	text-align: left;
	vertical-align: middle;
	font-family: "Arial Black", Gadget, sans-serif;
	margin-left: 5px;
	padding-left: 15px;
}
.bg_box_right_top {
	background-image: url(../../images/ShopsOfDowntown_bg_box150w_01.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 20px;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
	text-align: center;
	vertical-align: middle;
	font-family: "Arial Black", Gadget, sans-serif;
	margin-left: 0px;
	padding-left: 0px;
}

.bg_box_right_top_2 {
	/* background-image: url(../../images/ShopsOfDowntown_bg_box150w_01.png); */
	background-repeat: no-repeat;
	background-position: left;
	height: 20px;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
	text-align: center;
	vertical-align: middle;
	font-family: "Arial Black", Gadget, sans-serif;
	margin-left: 0px;
	padding-left: 0px;
}


.bg_box_left_top_no_text {
	background-image: url(../../images/ShopsOfDowntown_bg_box150w_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 13px;
	margin-left: 5px;
}
.bg_box_right_top_no_text {
	background-image: url(../../images/ShopsOfDowntown_bg_box150w_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 13px;
	margin-left: 0px;
}
.bg_box_left_bottom {
	background-image: url(../../images/ShopsOfDowntown_bg_box150w_05.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 13px;
	margin-left: 5px;
}
.bg_box_right_bottom {
	background-image: url(../../images/ShopsOfDowntown_bg_box150w_05.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 13px;
	margin-left: 0px;
}

td#poweredby {
	padding: 5px;
	font-size: .9em;
}

#quoteblock {
	font-size: .9em;
	color: #DDD;
	padding-right: 10px;
	padding-left: 5px;
	text-align: left;
	width: 150px;
}

#moreblock {
        font-size: .9em;
        color: #DDD;
        padding-right: 10px;
        padding-left: 5px;
        text-align: left;
        width: 150px;
}


#calendar {
	font-size: .9em;
	color: #AAA;	
}

#headerlinks {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: .9em;
	text-transform: uppercase;
	padding-bottom: 20px;	
}

.contentblock {

}

.block_title {
	
}

.wrapper {
	
}


/* TEXT AND HEADER STYLING */

h1, h2, h3, h4, h5, h6, .mh1, .mh2, .mh3, .mh4, {
	font-family: "Arial Black", Gadget, sans-serif;
	color: #000;
}

h1, .headerlarge, .mh1 {
	font-size: 2em;
	text-align: center;
}

h2, .mh2 {
	font-size: 1.8em;
	text-align: center;
}

h3, .headersmall, .mh3 {
	font-size: 1.5em;
	text-align: center;
}

h4, .mh4 {
    font-size: 1.2em;  
}

.graytext {
     color: gray;
}

.black14pxcenter {
     color: black;
     font-size: 14px;
     text-align: center;
}

.black14pxleft {
     color: black;
     font-size: 14px;
     text-align: left;
}



/* INPUTS, FIELDS AND FORMS */

input, select, textarea, checkbox, file {
     border: 1px solid #a2a1a1;
     color: #000000;
     font-weight: normal;
     font-size: .9em;
}

input.button {
	background-color: #ffffff;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	border: 1px solid #a2a1a1;
	font-weight: normal;
	font-size: .9em;
}

#clientform, #individualform, .clientform, .individualform {
	width: 590px;
}

form {
display: inline; 
}

.fieldprompt {
color: #666; 
font-size: 1em;
font-weight: normal;
vertical-align: top;
text-align:left;
border-bottom: none;
}

.fieldpromptblack {
color: #000; 
font-size: 1em;
font-weight: normal;
vertical-align: top;
text-align:left;
border-bottom: none;
}

.field50 { font-size: 1em; border:solid 1px #a2a1a1; width:50px; height:17px; padding-left:3px; line-height:12px}

.field100 { font-size: 1em; border:solid 1px #a2a1a1; width:100px; height:17px; padding-left:3px; line-height:12px}

.field150 { font-size: 1em; border:solid 1px #a2a1a1; width:150px; height:17px; padding-left:3px; line-height:12px}

.field200 { font-size: 1em; border:solid 1px #a2a1a1; width:200px; height:17px; padding-left:3px; line-height:12px}

.field25 { font-size: 1em; border:solid 1px #a2a1a1; width:25px; height:17px; padding-left:3px; line-height:12px}

.pulldown { border:solid 1px #000000; }

.required {
	color: #900;
	font-size: 1em;
	font-weight: normal;
	vertical-align: top;
	text-align:left;
}



/*  POP-UPS  */

#photo_popup_container {
	position: relative;
	z-index: 1;
	background-color: #fff;
	margin: 0 auto 0 auto;
	text-align: left;
	font-family: Arial, FreeSans, Sans-Serif;
}

#popup_container {
	position: relative;
	z-index: 1;
	background-color: #fff;
	margin: 0 auto 0 auto;
	text-align: left;
	font-family: Arial, FreeSans, Sans-Serif;
}

#popup_panel {
	position: absolute;
	text-align: left;
	top: 100px;
	left: 180px;
	margin: 0 0 0 0;
	border: 2px solid #555;
	z-index: 100;
	background-color: #fff;
	color: #999;
}
	
.popup_panel_header {
	height: 40px;
	border-bottom: 1px solid #555;
	background-color: #b7b3b3;
}

.forms_panel_submit_close {
	position: absolute;
	right: 0px;
	top: 0px;
	color: #900;
	margin-right: 4px;
	margin-top: 2px;
}

.forms_panel_submit_close a {
    font-weight: bold;
    color: black;
    text-decoration: none;
}

.forms_panel_submit_close a:hover {
    font-weight: bold;
    color: black;
    text-decoration: none;
}

.forms_panel_h1 {
	text-align: left;
	margin: 0;
	padding: 6px 6px 6px 6px;
	color: #000000;
}

#popup, table.popup {
	border: 1px solid #000000;
	background: #cccaaa;
    color: #000000;
    width: 100%; 
}


/* REMOVE BORDER FROM LINK IMAGES */

a img {
	border: 0px;
}

a, a:active, a:visited {
	color: #FC0;
	text-decoration: none;
	background: none;
}

a:hover, a:hover:visited {
	text-decoration: underline;
	color: #888;
} 

.extralinks a {
	padding: 5px;
	text-align: center;
}




/* TABLE CELL STYLING */

.headercell {
	border: 1px solid #8f8989;
	background: #bfbcbc;
}

.linkcell {
	border-left: 1px solid #8f8989;
        border-right: 1px solid #8f8989;
        border-top: 1px solid #8f8989;  
	background: #d7d1d1;
}

.graycell {
	border-left: 1px solid #8f8989;
    border-right: 1px solid #8f8989;
    border-bottom: 1px solid #8f8989;  
	background: white;
}




/* MORE */

.floatright  {
  float: right;	
}

.floatleft  {
  float: left;	
}

.center  {
  text-align: center;
}

.statsprompt {
color: #000000; 
font-size: 14px;
font-weight: normal;
vertical-align: top;
text-align:right;
border-bottom: none;
}

.todaysdate {
     color: #000000;
     background-color: #d5cfcf;
     border-left: 1px solid #8f8989;
     border-right: 1px solid #8f8989;
     border-bottom: 1px solid #8f8989;
     border-top: 1px solid #8f8989;    
}


.menucorner {
     border-top: 2px solid #36cf36;
     border-left: 2px solid #36cf36;
     border-right: none;
     border-bottom: none;
}

.pager{
	float:right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.pager li{
display:inline;
}

.pager .current a {
font-weight:bold;
}

.schoolstatusform {
     border: 1px solid #666666;     
}

.listheading {
     font-weight: bold;
}

.pending {
	color: #06C;
}

.top_form {
     z-index: 900;
}

/* Begin Tooltip Styles */

#dhtmltooltip {
	position: absolute;
	left: -300px;
	width: 150px;
	border: 2px solid #000000;
	padding: 2px;
	background-color: #222;
	visibility: hidden;
	z-index: 100;
	font-size: 1em;
	color: #FFF;

/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer {            
	 position:absolute;
	 left: -300px;
	 z-index: 101;
	 visibility: hidden;
}

/* End Tooltip Styles */