/**************************************************************************************
  *  Version:      $Id: blocks.css 656 2009-06-11 17:11:41Z arivera $
  *  Package:      Express Website Manager 1.0
  *  Copyright:    Copyright (c) 2008 Express Media, Inc.  All rights reserved.
  *  Website:      http://www.expresswebsitemanager.com
  *  License:      See license attached to distribution
  **************************************************************************************/

/*
 *  Horizontal Menu
 */
/* Top Menu */
#topmenu ul {
	font-size: 14px;
	font-weight: bold;
	list-style-type: none;
}

#topmenu li{ display: inline; }

#topmenu li a {
	float: left;
	display: block;
	text-decoration: none;
	padding: 0px 15px;
	padding-top: 10px;
	padding-bottom: 11px;
	color: #FFFFFF;
}

#topmenu li a:hover, #topmenu li.selected a { text-decoration: underline; }

/*
 *  Vertical Menus
 */
div#left div, div#right div { margin-bottom: 15px; }

#left .menublock h2, #right .menublock h2 {
	background-repeat: no-repeat;
	background-position: top right;
	color: #FFFFFF;
}

#left .block h2, #right .block h2 {
	font-size: 110%;
	font-weight: bold;
	height: 30px;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 10px;
}
#left h2 { width: 180px; }

#right h2 { width: 170px; }

#left .menublock h2, #right .menublock h2 { background-repeat: no-repeat; background-position: top right; }

#left .menublock h2 span, #right .menublock h2 span { background-repeat: no-repeat; }

#left .block h2 span, #right .block h2 span {
	display: block;
	line-height: 20px;
	padding: 5px 0px 5px 10px;
}

#left .block ul.block_menu, #right .block ul.block_menu { list-style-type: none; }

#left .block ul.block_menu li, #right .block ul.block_menu li { padding-top: 3px; padding-bottom: 3px; }

#left .block ul.block_menu li a, #right .block ul.block_menu li a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin-left: 10px;
	padding-left: 15px;
}
#left .block ul.block_menu li a:hover, #right .block ul.block_menu li a:hover { text-decoration: underline; }

/* Block Lists */

#left ul.block_list, #right ul.block_list { list-style-type: none; }

#left ul.block_list li, #right ul.block_list li { padding-top: 5px; padding-bottom: 5px; }

#left ul.block_list li a, #right ul.block_list li a {
	display: block;
	text-decoration: underline;
	font-weight: normal;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
}

#left ul.block_list li a:hover, #right ul.block_list li a:hover { text-decoration: none; }

/* End of Block Lists */

#left .block h2, #right .block h2 {
	background-image: url('../images/hbg_grey.gif');
	background-repeat: no-repeat;
	background-position: top right;
	color: #FFFFFF;
}

#left .block h2 span, #right .block h2 span { background-image: url('../images/hbg_span_grey.gif'); background-repeat: no-repeat; }

/* HTML Content Block */
#left .htmlblock .htmlcontent, #right .htmlblock .htmlcontent { padding: 0px 5px; }

/* Bottom Block */
#bottom { margin-top: 20px; }

#bottom .block h2 {
	margin: 0px;
	padding: 0px;
	font-size: 130%;
	color: #494949;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 5px;
}

/* Bottom Menu */
#bottom .menublock ul{
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	list-style-type: none;
	text-align: center;
	margin-bottom: 10px;
}

#bottom .menublock li { display: inline; margin-left: 5px; margin-right: 5px; }

#bottom .menublock li a { text-decoration: underline; }

#bottom .menublock li a:hover { text-decoration: none; }

/* User Blocks */
#user1user2 {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#user1user2 .block h2 {
	margin: 0px;
	padding: 0px;
	font-size: 130%;
	color: #494949;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 5px;
}

#user1user2 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 10px;
}

#user1user2 li {
	margin-left: 1.2em;
}

#user1user2 .block { margin-bottom: 0px; }

#user1 {
	padding: 0px;
	padding-right: 10px;
}

#user2 {
	padding: 0px;
	padding-left: 10px;
}