{config_load file=templates.ini section="common" scope="global"}

* {
    margin: 0;
    padding: 0;
    border: 0;
}
table {
    border-collapse: collapse;
}
table td {
    vertical-align: top;
}
img {
    border: 0px;
}
div {
    text-align: left;
}

.sidebarCase, .socialBookmark {
    width: 192px;
    margin-bottom: 20px;
    margin-left: 10px;
    background: url(images/backSidebarCase.gif) repeat-y;
}
.socialBookmark {
	background: none;
}
.sidebarCase .headerImage {
    background: url(images/sidebarCase_head.jpg) no-repeat;
    height: 17px;
    overflow: hidden;
}
.sidebarCase .content {
    padding-top: 5px;
}
.sidebarCase .content .header {
    font-size: 14px;
    font-weight: bold;
    padding: 0px 10px;
	color: #36616c;
}
.sidebarCase .content .text {
    padding: 0px 5px 0px 10px;
    font-size: 12px;
}
.sidebarCase .content .textImg {
    padding: 0px 5px 0px 10px;
    font-size: 12px;
    float: left; width: 140px;
}
.sidebarCase .content .img {
    padding-right: 10px;
    float: right;
}
.sidebarCase .content .bottom {
    clear: both; overflow: hidden;
    background: url(images/bottomSidebarCase.gif) no-repeat;
    height: 9px;
}
.text {
	margin-bottom: 7px;
}
#header .accountCase {
    float: right;
    padding: 5px 5px 0px 0px;
}
#header .searchCase {
    float: left;
    padding: 5px 0px 0px 5px;
}
#header .searchCase .searchInput {
    width: 90px;
    height: 16px;
    background: #FFFFFF;
    border: none;
    font-size: 12px;
}
.AdvancedInputCase {
    float: left;
}
.AdvancedInputCase .AdvancedInput {
    width: 70px;
    border: 1px solid #9b9b9b;
    font-size: 12px;
    height: 19px;
    margin-right: 5px;
}
.selectCase {
    float: left;
    margin-left: 20px;
}
.selectCase .selectField {
    border: 1px solid #9b9b9b;
    width: 90px;
    font-size: 12px;
}
.ServiceUnitCase {
    float: right;
    width: 210px;
}
.ServiceUnitCase .ServiceInput {
    width: 50px;
    border: 1px solid #9b9b9b;
    height: 19px;
    margin-right: 10px;   
}
.ServiceUnitCase .UnitInput {
    width: 40px;
    border: 1px solid #9b9b9b;
    font-size: 12px;
    height: 19px;
}
.titleBottom {
    background: url(images/titleBottom.gif) repeat-x;
    height: 5px;
    overflow: hidden;
    margin-right: 10px;
	clear:both;
}
.searchBtnCase {
    float: left;
    margin-top: 4px;
    _margin-top: 5px;
}
.searchBtnCaseMain {
    margin-top: 2px;
    float: right;
    padding-right: 10px;
}
.searchBtn {
    width: 40px;
    background: #b7ae9b;
    border: 1px solid #5f5a47;
    height: 18px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
}
.inputText, .inputPassword, .wide { /* controls the width of the input fields for the drop down fields*/
    border: 1px solid #5f5a47;
    width: 150px;
}
.wide {
    width: 250px;
}
.inputTextarea {
    border: 1px solid #5f5a47;
}
.inputSubmit {    
    background: #b7ae9b;
    border: 1px solid #5f5a47;
    height: 18px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
}
input.green {
	background-color:#4A8797;
	margin-bottom: 10px;
	color:#FFFFFF;
	border:outset;
}
.submit {
    text-align: right;
}
.required_class {
    color:red;
}
.e_message {
    color:red;
}
.error_code {
    color:red;
}
.listing_table{
    width: 90%;
    background: #b7ae9b;
    border-collapse: separate;
}
.listing_table td {
    background: #ffffff;
    padding: 3px;
}
.listing_table th {
    background: #b7ae9b;
    color: white;
    font-weight: bold;
    text-align: center;
}
.medal_listing {
	width: 705px;
    border: 1px dotted #b7ae9b;
    padding: 10px;
    margin-top: 5px;
}
.medal_thumb {
    height: 200px;
    width: 120px;
    float: left;

}
.medal_info {
    float:left;
    /*height: 200px;*/
    width:230px;
    padding:0 20px;
}
.medal_description {
    padding: 5px;
    background: #b7ae9b;
    float:left;
    width:280px;
}
.message {
    padding: 5px;
    background: #ff5555;
    font-weight:bold;
}
.submitBtn {    
    background: #b7ae9b;
    border: 1px solid #5f5a47;
    height: 18px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
}
.medal_item {
    float:left;
    text-align:center;
    width:100px;
    height: 480px;
    margin:6px;
}
.medal_img {
    border: 1px dotted #b7ae9b;
}

.sidebarCase .content .text a {
    padding: 0px 5px;
    text-decoration: none;
    color: #000;
	font-size: 11px;
}
.sidebarCase .content .text a:hover {
	color:#666666;
}
#nav {
	height: 40px;
	clear: both;
}
/*Added for new css menu*/
/* style the outer div to give it width */
#menuCase {
    height: 29px;
    margin-bottom: 0px;
    background: url(images/menuBackground.jpg);
    font-weight: bold;
    padding-top: 3px;
    padding-left: 10px;
	z-index: 1;
	position:relative;
}
#menuCase a {
    color: #FFFFFF;
    text-decoration: none;
}
#menuCase a:link, #menuCase a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
#menuCase a:hover {
	color:#000000;
}
#menuCase ul li {
    display: inline;
    padding-right: 5px;    
}
.menu {
	position:absolute;
	z-index:999;
	height:30px;
	font-size: 13px;
}
#menuCase .menu ul li ul .sub li  a {
	position:relative;
	z-index: 5000;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
    width: 940px;
}
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu ul li {
	float:left;
	height:30px;
	line-height:30px;	
}

/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0px;	
	top:30px;
	left:0;
	width:165px;	
}

/* style the sub level list items */

.menu ul ul li {
	display:block;
	width:250px;
	height:auto;
	line-height:1em;
	font-size: 12px;
}
* html .menu ul ul {
	top:30px;
}
/* style the links for the top level */
.menu li a, .menu li a:visited {
	display: block;
	float: left;
	height: 100%;
	text-decoration: none;
	color: #fff;
	padding: 0 1em 0 1em; 
	background: url(images/menu_seperator.gif) no-repeat right top;
}
/* style the sub level links */

.menu li li a, .menu li li a:visited {
	display: block;
	background: #b7ae9b none;
	color: #FFFFFF;
	width: 165px;
	height: 100%;
	line-height: 1em; 
	padding: 0.5em 1em;
	border: 1px solid #CCCCCC;
	border-top: none;
}

* html .menu li li a, * html .menu li li a:visited  {width:165px; w\idth:165px;}
/* style the table so that it takes no part in the layout - required for IE to work */

.menu table {position:absolute; left:1px; top:0; width:0; height:0; z-index:-1;}
/* style the third level background */
.menu li li li a, .menu li li li a:visited {
	color: #000000;
	background: #B1B1B1 none;
}
/* style the fourth level background */
.menu li li li li a, .menu li li li li a:visited {
	color: #FFFFFF;
	background: #565454 none;
}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {
	background:#b4be9c;
}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {
	background:#c4ceac;
}
/* style the level hovers */
/* first */
* html .menu li a:hover {
	color: #C2C2C2;
	position:relative; 
	z-index:100;
	/*background: url(images/menu_hover.jpg) no-repeat right top;*/
}
.menu li:hover {position:relative;}

.menu :hover > a {
	color:#C2C2C2;
	/*background: url(images/menu_hover.jpg) no-repeat right top;*/
}
/* second */
* html .menu li li a:hover {
	color: #000000;
	background: #B1B1B1 none; 
	position: relative; 
	z-index: 110;
}
.menu li li a:hover {
	color: #000000;
	background: #B1B1B1 none; 
	position: relative; 
	z-index: 110;
}
.menu li li:hover {position:relative;}

.menu li li :hover > a {
	color: #000000;
	background: #B1B1B1 none;
}
/* third */
* html .menu li li li a:hover {
	color: #FFFFFF;
	background: #565454;
	position: relative;
	z-index: 120;

}
.menu li li li :hover > a {color: #FFFFFF; background:#565454;}

/* fourth */

.menu ul ul ul ul a:hover {
	color:#000000;
	background:#B1B1B1;
	position:relative;
	z-index:130;
}
.menu li li li li a:hover {
	color:#000000;
	background:#B1B1B1;
	position:relative;
	z-index:130;

}
/* position the third level flyout menu */
.menu ul ul ul{left:165px;top:0;width:165px;}
/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}
/*End of new css menu additional*/
div #page div #nav div #menuCase .menu ul li ul .sub li a {position: relative; z-index: 5001;}
.tool-tip {
	color: #fff;
	z-index: 5001;
	position:relative;
}
.tool-tip img {
	width: 400px;
}
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: black;
}
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: black;
}
.sold_img {
    width: 55px;
    height:36px;
	float:right;
	margin: -5px -5px 0 0;
}
b.red {
	color:#FF0000;
	margin: 0;
	padding:0;
}
#MedalImagesTitle {
	clear:both;
	text-align:center;
}
#ThreeFlash {
	float:right;
	width: 200px;
	clear:both;
}
img.HomeMiddle {
	margin-left: 45px;
}
img.right {
	float:right;
	clear:both;
	margin-left: 10px;
}
img.left {
	float:left;
	clear:both;
	margin-right: 10px;
}
#ReasonsRight {
float:right;
width: 375px;
}
#promote {
    background: #b7ae9b;
    border: 1px solid #5f5a47;
	padding: 7px;
	margin: 10px 10px 10px 0;
}
#main {
	background:#FFFFFF;
}
#addEvent {
	background:url(images/addEvent.gif) no-repeat;
	width:142px;
	height:35px;
	line-height: 35px;
	text-indent: 40px;
	display:block;
	margin: 0 0 8px 0;
}
#addEvent a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
}
.blue {
	color: #0000ff;
	margin-left: 10px;
}
.story_listing h2 {
}
#picture_div {
	padding:0;
	margin: 0;
}
.complex-align {
	float:left;
	width: 96%;
	margin: 5px 5px 25px 5px;
}

.one_picture {
	padding:0;
	margin: 0;
}
.tool-tip {
	z-index:2500;

}
.Tips2 {
	background:#FFFFFF;
}
.imgTitle {
	border-top: #99cc99 1px dotted;
	border-bottom: #99cc99 1px dotted;
	height: 28px;
	line-height: 28px;
	text-align:center;
	min-width: 180px;
	margin-top: -2px;
	position:relative;
	z-index: 500;
	background: #FFFFFF;
}
#testimonials img {float:right;}
#testimonials h3 {margin-bottom: 10px;}
#qws {
	width: 950px;
	margin: 10px auto 0 auto;
	clear: both;}
.pagination {
	font-size:12px;
	font-weight: bold;
}
.pagination a {
	font-size:12px;
	font-weight: normal;
}
.buzz {float:right; width: 50px; margin: 0 10px;}