/* common.css styles for the
   new MGC renovations by Dog Cow
   first added 19 May 2008
   revised 22 May 2008
   
   System Message box added 21 Mar 2009
   TS redesign CSS added 09 Oct 09

   This file complements the screen.css
   file which contains the legacy styles

*/

body {
 font-family: 'Lucida Grande', LucidaGrande, Lucida, Verdana, Helvetica, Arial, sans-serif;
 margin: 0;
 padding: 0;
 background-color: #B4CCE1;

	font-size: 10px;
}

.accessAid{
	visibility:hidden;
	position:absolute;
}


#mgc_header .header_content {
    height: 142px;
    position: relative;
}


/* day sky */

.town-square .header_content {
	background: url(../gfx/urban/day_sky_block.png) no-repeat top left;
}

.town-square {
    background: url(../gfx/urban/day_sky_tile.png) repeat-x top left;
}

#mgc_header {
 min-width:970px;
}
#mgc_header .header_content{
	position:relative;
	width:970px;
}

#mgc_header .header_content .MGClogo{
    top: 10px;
    left: 10px;
    position: absolute;
	width:202px;
}
#mgc_header .header_content .MGClogo a{
	width:202px;
	height:38px;
	background:url(../gfx/urban/mgc_logo.png) no-repeat top left;
	display:block;
}
#mgc_header .header_content .MGClogo span{
	display:none;
}

/* nav area */
.road {
	background: url(../gfx/urban/road_tile.png) repeat-x top left;
	height:27px;
	top: 142px;
	position: absolute;
}


.stripes {
	background: url(../gfx/urban/road_stripes.png) repeat-x top left;
	top: 142px;
	height:27px;
}

.navi_road {
	height:27px;
	top: 5px;
	left: 13px;
	position: relative;
}

/* setting text color and size efficiently for 'navi' class.
   also includes legacy 'navigate' class, to be removed later.
 */
.navi_sm,
.navigate_sm,
a.navi_sm,
a.navigate_sm,
a.navi_sm:hover,
a.navigate:hover,
a.navi_sm:visited,
a.navigate_sm:visited,
.navi,
.navigate,
a.navi,
a.navigate,
a.navi:hover,
a.navigate:hover,
a.navi:visited,
a.navigate:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #FFFFF9;
	text-decoration:none;
}

.navi,
.navigate,
a.navi,
a.navigate,
a.navi:hover,
a.navigate:hover,
a.navi:visited,
a.navigate:visited {
	font-size: 10.5px;
}

.navi_sm,
.navigate_sm,
a.navi_sm,
a.navigate_sm,
a.navi_sm:hover,
a.navigate_sm:hover,
a.navigate_sm:visited,
a.navi_sm:visited {
	font-size: 9.5px;
}


a.navi_sm:hover,
a.navigate:hover,
a.navi:hover,
a.navigate:hover{
	text-decoration:underline;
}



/* tool box */

.tb_grad{
    background: url(../gfx/urban/tb_grad.png) repeat-x top left;
	height: 56px;
	top: 168px;
	width: 100%;
	position: absolute;
}

.toolbox_lcap{
	background: url(../gfx/urban/tb_lcap.png) no-repeat top left;
	height: 34px;
	width: 5px;
	top: 4px;
	left: 7px;
	position: absolute;
}

.toolbox{
	background: url(../gfx/urban/tb_bg.png) repeat-x top left;
	height:34px;
	width:450px;
	top: 4px;
	left: 12px;
	position: absolute;
}

.loginbox{
	background: url(../gfx/urban/tb_bg.png) repeat-x top left;
	height:34px;
	width:705px;
	top: 4px;
	left: 12px;
	position: absolute;

}

.loginbox_rcap{
	background: url(../gfx/urban/tb_rcap.png) no-repeat top left;
	height:34px;
	width:6px;
	top: 4px;
	left: 715px;
	position: absolute;
}

.toolbox_rcap{
	background: url(../gfx/urban/tb_rcap.png) no-repeat top left;
	height:34px;
	width:6px;
	top: 4px;
	left: 458px;
	position: absolute;
}

a.logintxt, a.logintxt:visited, .logintxt, a.toolbar, a.toolbar:visited, a.logintxt:hover, a.toolbar:hover, .toolbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FFFFF9;
	font-weight: bold;
	text-align: left;
	line-height: 16px;
	text-decoration: none;

}

a.logintxt {
	border-bottom: #FFFFF9 thin dotted;
}

a.logintxt:hover, a.toolbar:hover {
	text-decoration: underline;
}

.logintxt {
	line-height: 35px;
	vertical-align: middle;
}

.toolbar {
	vertical-align: top;
}

.searchhelp_box{
	height:34px;
	top: 4px;
	right: 10px;
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FFFFF9;
	font-weight: bold;
	text-align: left;
}

a.searchhelp,
a.searchhelp:visited,
a.searchhelp:hover

{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FFFFF9;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

a.searchhelp:hover{
	text-decoration: underline;
}

/* system message box */

.sys_msg_left{
	background: url(../gfx/urban/sys_msg/sys_msg_left.png) no-repeat top left;
	height: 108px;
	width: 10px;
	top: 16px;
	right: 267px;
	position: absolute;
}

.sys_msg_center{
	background: url(../gfx/urban/sys_msg/sys_msg_center.png) repeat-x top left;
	height:108px;
	width:250px;
	top: 16px;
	right: 17px;
	position: absolute;
}

.sys_msg_right{
	background: url(../gfx/urban/sys_msg/sys_msg_right.png) no-repeat top left;
	height:108px;
	width:10px;
	top: 16px;
	right:7px;
	position: absolute;
}

.sys_msg {
	position: absolute;
	top:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #FFFFF9;
	text-align: left;
	text-decoration: none;
}

.sys_msg_title, .sys_msg_close, a.sys_msg_close {
	position: relative;
	top:75px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFF9;
	text-align: center;
}

.sys_msg_title {
	font-weight: bold;
	font-size: 10px;
	top:2px;
	color: #FFDD00;
}

.sys_msg_link, a.sys_msg_link, a.sys_msg, a.sys_msg_link:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #e0e0e0;
}

a.sys_msg_link:hover{
	color: #FFFFFF;
	text-decoration:underline;
}

/* page content stuff */

#page {
	width: 100%;
	top: 210px;
	position: absolute;
}

#page .holder {
	text-align: left;
	vertical-align: top;
	width: 100%;
}

#page .box, #page .outpost, #page .footer {
	background-color: #FBFBFB;
	padding: 5px;
	margin: 4px;
	border: 1px solid #A5A5A5;
}

#page .box {
	width: 98%;
	min-width: 765px;
}

#page .outpost {
	width: 200px;
	float: right;
}

/* footer */

#page .footer{
	min-width: 765px;
	margin: 8px;
	position: relative;
}

#page .bottomline{
	margin: 8px;
	position: relative;
}

/* Town Square redesign CSS moved here */
.tsdirectory,a.tsdirectory {
	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 25px;
	font-weight: 600;
	list-style-type: circle;
	text-indent: -5pt;
	text-decoration:none;
}