/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

/*Reset*/
body, html, ul, ol, li, p, h1, h2, h3, h4, h5, h6{
	padding:0;
	margin:0;
}

body{
    background: #D1D0C7;
    font-size: .75em;
    font-family: Arial,Tahoma,sans-serif;
    color: #696969;
    height:100%;
}

a img{
	border:none;
}

.clearFloats{
	clear:both;
	height:1px;
	overflow:hidden;
}


a{
    color: #8a1e04;
    text-decoration: underline;
}

a:hover{
    color: #FD2A12;
    text-decoration: none;
}

a.openDialog{
	text-decoration: none;
	font-weight:bold;
	margin:0 0 0 10px;
}

a.openDialog span{
	background:url(/Content/images/admin/jquery-ui/ui-icons_8a1e04_256x240.png) -48px -80px no-repeat;
	padding:0 0 0 20px;
}

a.newPage{
	text-decoration: none;
	font-weight:bold;
	margin:0 0 0 10px;
}

a.newPage span{
	background:url(/Content/images/admin/jquery-ui/ui-icons_8a1e04_256x240.png) -32px -80px no-repeat;
	padding:0 0 0 20px;
}

ul
{
	list-style:none;
}

p{
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3{
    color: #000;
}

h1{
    font-size: 1.8em;
}

h2{
    border-bottom: solid 1px #cccccc;
    font-size: 1.5em;
    margin:0 0 20px 0;
    padding:0 0 20px 0;
    position:relative;
}

h3{
    font-size: 1.2em;
}

h3.formLabel{
    border-bottom: 1px solid #CCC;
    font-size: 1.3em;
    margin:0 0 15px;
    padding:0 0 15px;
    position:relative;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page{
    width: 980px;
    margin:0 auto;
    padding:10px 0 10px 0;
}

#main
{
	background:#fff;
    padding: 30px;
    border:solid 1px #FFFFFF;
}

#footer{
    background:#E0DFD4;
    border:solid 1px #ffffff;
    color:#999999;
    width: 958px;
    margin:0 auto;
    text-align:right;
    padding: 10px;
    font-size: .9em;
}

#footer li{
	display:inline;
}

#footer a{
	color:#999999;
	text-decoration:none;
}

#footer a:hover{
	color:#8A1E04;
}

/*Header*/

#header{
	background:#8A1E04;
	border:solid 1px #FFFFFF;
	border-bottom:none;
    position: relative;
    color: #000;
    height:50px;
    padding:0 0 0 20px;
    overflow:hidden;
}

#header h1{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 1em;
}

#menucontainer{
    float:right;
}

div#title{
    float:left;
    text-align:left;
    padding:21px 0 0 0;
}

#logindisplay{
    font-size:1.1em;
    color:#fff;
    padding:28px 25px 0 30px;
    float:left;
}

#logindisplay a:link{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}


/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    /*border-bottom: 1px #5C87B2 solid;*/
    padding: 0 0 4px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    float:left;
    list-style: none;
    height:50px;
    overflow:hidden;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding:17px 10px 10px 10px;
    border-left:solid 1px #8A1E04;
    border-right:solid 1px #8A1E04;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #ffffff;
    text-transform:uppercase;
    font-weight:bold;
    font-size:14px;
    display:block;
}

ul#menu li a:hover,
ul#menu li.selected a{
    background-color: #FD2A12;
    text-decoration: none;
    border-left:solid 1px #ffffff;
    border-right:solid 1px #ffffff;
}

/*page navigation*/

ul.pageNavigation{
	margin:0 0 20px 0;
	position:relative;
}

.pageNavigation li{
	display:inline;
	margin:0 0 15px 0;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    margin:0 0 0;
	padding:0 0 20px 0;
    border:none;    
}

fieldset p,
fieldset #addressDetails ul,
fieldset ul.dateSelector li{
    margin: 2px 12px 10px 0px;
}

#dateSelector li
{
	height:25px;
	overflow:hidden;
}

.dateSelector li label,
.dateSelector li input,
.dateSelector li span{
	float:left;
}

.dateSelector li input{
	width:75px;
	margin:0 10px;
}

.dateSelector .timeEntry_control{
	margin:0 10px 0 0;
}

.dateSelector{
	padding:0 0 0 140px;
}

p.dateSelector{
	padding:10px 0 0 140px;
}

.dateSelector li{
	overflow:hidden;
}

fieldset p,
.dateSelector li{
	float:none;
}

fieldset p.logonCheckBox{
	height:25px;
}

fieldset #addressDetails li{
	padding:0 0 5px 0;
}

fieldset label {
    display: block;
    font-weight:bold;
}

fieldset label.inline {
    display: block;
    float:left;
    padding:0 10px 0 0px;
    width:130px;
}

fieldset input.inline{
	width:382px;
}

fieldset input.inlineCheckbox{
	width:15px;
	float:left;
	margin-right:10px;
	margin-left:0px;
	
}
fieldset textarea.inline{
	width:380px;
}

fieldset select.inline{
	width:384px;
}

.submitBtn{
	border-top:solid 1px #cccccc;
	padding:15px 0 0 140px;
}

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] {
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] {
    width: 200px;
    border: 1px solid #CCC;
}

select{
	border: 1px solid #CCC;
}

fieldset strong{
	color:#111;
}

/* TABLE
----------------------------------------------------------*/

table{
  border-collapse: collapse;
}

table th{
	padding: 5px 10px 15px 0;   
	text-align:left;
}

table td{
  padding: 5px 10px 5px 0;   
}

td.listingTitle{
	font-size:1.2em;
	font-weight:bold;
	padding: 3px 10px 5px 0;   
}

.childEvent td.listingTitle{
	font-size:1.0em;
	font-weight:bold;
	padding: 3px 10px 5px 20px;   
}

td.listingDetails{
	font-size:12px;
	width:350px;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
    margin:0 0 20px 0;
}

/**************************************/
/************  dialog  ****************/
/**************************************/


#dialogList
{	
	width:350px;
	float:left;
	padding:15px 0 10px 0;
}

#dialog p.addNew
{
	border-bottom:1px solid #DDDDDD;
	padding:10px 0 20px 0;
	margin:0;
}

#dialogList ul
{
	list-style:none;	
	margin:0;
	padding:0;
}

#dialogList li
{
	overflow:hidden;
	height:30px;
}

#dialogList li span,
#dialogList li input,
#dialog p.addNew span,
#dialog p.addNew input
{
	display:block;
	float:left;
	width:255px;
	margin:0 10px 0 0;
	padding:2px;
}

#dialogList li span,
#dialog p.addNew span
{
	padding:3px 0 0 0;
	line-height:1.7em;
	height:20px;
}

#dialogList li a,
#dialog p.addNew a,
a.actionLink,
input.actionLink,
button.actionLink
{
	text-decoration: none;
	cursor: pointer;
	line-height: 2.2em;
	overflow: visible;
	padding: 0.2em 0.6em 0.3em;
	width: auto;
}

#dialogList li a:hover,
#dialog p.addNew a:hover,
a.actionLink:hover
{
	border: 1px solid #fbcb09; 
	background: #fdf5ce; 
	font-weight: bold; 
	color:#8A1E04;
	outline: none; 
}

a.actionLink,
input.actionLink,
button.actionLink{
	background:#F6F6F6;
	border:1px solid #CCCCCC;
	color:#8A1E04;
	font-weight:bold;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}

button.actionLink{
	height:27px;
	font-size:14px;
	font-weight:bold;
	height:27px;
	line-height:13px;
	padding:0 8px;
}

input.actionLink,
button.actionLink{
	font-size:12px;
	font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
}

input.actionLink{
	border:solid 1px #000000;
	background:#8A1E04;
	color:#ffffff;
	font-weight:bold;
	height:27px;
	padding:0 8px;
	font-size:14px;
	line-height:13px;
}

#dialogHelp
{
	float:right;
	width:200px;
	padding:15px 0 0 0;
}

#dialog .validationSummary p,
.validationSummary
{
	color:#CC0000;
	margin:0;
	padding:5px 0 0 0;
}

/*Overwrites UI*/
.ui-accordion .ui-accordion-header a.actionLink
{
	float:right;
	width:50px;
	position:absolute;
	top:0px;
	padding:1px 10px;
}

.ui-accordion .ui-accordion-header a.delete{
	right:0px;
}

.ui-accordion .ui-accordion-header a.edit{
	right:70px;
}

/* Admin/Event/Manage */

#accordion{
	margin:10px 0 0 0;
}

.parentItem .eventTitle{
	width:300px;
	display:block;
	float:left;
}

#accordion .children{
	clear:both;
	padding:10px;
}

#accordion h3{
	margin:0;
	padding:0;
}

.parentItem .acordionLink{
	width:306px;
	display:block;
	float:left;
	text-decoration:none;
	color:#696969;
	padding:0.5em 0.6em 0.3em 0;
}

#accordion .children a{
	padding:0 5px;
}

#accordion .children span{
	padding:0 1px 0 2px;
}

h3.listing{
	margin:0;
}

.clearFloats{
	clear:both;
	height:1px;
	overflow:hidden;
}

.leftHalf
{
	float:left;
	width:445px;
}

.rightHalf
{
	float:right;
	width:445px
}

/* Admin/Venue */

#addressList ul{
	padding: 0 0 20px 0;
}

#addressList{
	display:none;
}

#addressList li{
	padding:0 0 3px 0;
}

#addressList li.resultListFirst
{
	list-style:none;
	margin:0 0 0 0;
}


/*Dashboard*/

.dashboardPanel{
	margin:10px 0 20px 0;
	overflow:hidden;
}

.dashboardPanel img{
	float:left;
}

.dashboardPanel ul,
.dashboardPanel p,
.dashboardPanel h3{
	float:right;
	margin:10px 0 0 0;
	width:300px;
}

.dashboardPanel h3{
	margin:15px 0 0 0;
	color:#8A1E04;
}
.dashboardPanel strong{
	color:#444;
}

.relativContainer{
	position:relative;
}

/*-------------------------*/
/*--  Pagination styles  --*/
/*-------------------------*/

.pagination{
	overflow:hidden;
	margin:0;
	padding:0;
	position:absolute;
	right:-7px;
	top:10px;
}

.pagination ul,
.pagination li{
	list-style:none;
}

.pagination li{
	float:left;
}

.pagination li{
	padding: 0 5px;
	margin: 0;
}

.pagination li.pageNumber{
	color:#999999;
	display: block;
	font-size: 9px;
	font-weight:bold;
	padding: 5px 5px 0px;
}

.pagination a:hover{
	color:#8a1e04;
}

.pagination .first a,
.pagination .first span{
	background: url(/Content/images/admin/global_sprite_arrow.gif) no-repeat 0 0;
	float: left;
	width: 14px;
	height: 23px;
	overflow: hidden;
	text-indent: -100px
}

.pagination .first a:hover{
	background: url(/Content/images/admin/global_sprite_arrow.gif) no-repeat 0 -23px;
}

.pagination .first span{
	background: url(/Content/images/admin/global_sprite_arrow.gif) no-repeat 0 -46px;
}

.pagination .previous a,
.pagination .previous span{
	background: url(/Content/images/admin/global_sprite_arrow.gif) no-repeat -14px 0;
	float: left;
	width: 9px;
	height: 23px;
	overflow: hidden;
	text-indent: -100px
}

.pagination .previous a:hover{
	background-position: -14px -23px;
}

.pagination .previous span{
	background: url(/Content/images/admin/global_sprite_arrow.gif) no-repeat -14px -46px;
}

.pagination .last a,
.pagination .last span{
	background: url(/Content/images/admin/global_sprite_arrow.gif) no-repeat -32px 0;
	float: left;
	width: 14px;
	height: 23px;
	overflow: hidden;
	text-indent: -100px
}

.pagination .last a:hover{
	background-position: -32px -23px;
}

.pagination .last span{
	background: url(/Content/images/admin/global_sprite_arrow.gif) no-repeat -32px -46px;
}

.pagination .next a,
.pagination .next span{
	background: url(/Content/images/admin/global_sprite_arrow.gif) no-repeat -23px 0;
	float: left;
	width: 9px;
	height: 23px;
	overflow: hidden;
	text-indent: -100px
}

.pagination .next a:hover{
	background-position: -23px -23px;
}

.pagination .next span{
	background: url(/Content/images/admin/global_sprite_arrow.gif) no-repeat -23px -46px;
}

.pagination .selected{
	color:#c3c3c3;
}

/*Theme*/
.pagination a{
	color:#696969;
	text-decoration:none;
}