/* HTML Tag Redefinition */

@font-face {
 	font-family: 'League Gothic Regular';
 	src: url(/concrete/themes/elitesoccer/font/league_gothic.eot);
}
@font-face {
 	font-family: 'League Gothic Regular';
 	src: url(/concrete/themes/elitesoccer/font/league_gothic.ttf);
}

html, body {height: 100%;  }
body { background: #005695 url(/concrete/themes/elitesoccer/images/bg_body.jpg) top left repeat-x; padding: 0px; margin: 0px; }
img {border: 0px}
a { cursor:pointer}
.Padding, .Content { padding: 25px; }

label { font-weight:bold;}
fieldset { border:1px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

/* Page Structure / Navigation */
#page{ width:999px; margin: 0 auto; text-align:left; position: relative;}
#page #header{ position:relative; width: 960px; height: 190px; margin: 0 auto; } 
img#Logo { position: absolute; left: -32px; top: 64px; z-index: 100;}
#HeaderTitle {width: 400px; position: absolute; left: 140px; top: 77px;}
#HeaderTitle h1, #HeaderTitle h3 {font-family: League Gothic Regular; color: #ffffff; text-transform: uppercase; margin-bottom: 0; letter-spacing: 1px; font-weight: normal;}
#HeaderTitle h1 { font-size: 50px; margin-bottom: 12px;}
#HeaderTitle h3 { font-size: 27px;}
img#TopLogos {position: absolute; top: 57px; right: 0;}
a#RegisterButton { display: block; width: 190px; height: 60px; background: url(/concrete/themes/elitesoccer/images/button_register.gif) top left no-repeat; position: absolute; right: 0; top: 130px;}

.divider{padding-top: 12px; background: url(/concrete/themes/elitesoccer/images/nav_horizontal_divider.gif) no-repeat top; overflow:hidden; height:1px; clear:both; width:100%; }

#Banner { width: 960px; margin: 0 auto; position: relative; height: 360px;}
.HomeBanner {height: 360px !important;}

#page #Wrapper{ width: 960px; margin: 0 auto; background: #f4f4f4; position: relative; border-top: #f4f4f4;}
.BGRight {background: url(/concrete/themes/elitesoccer/images/bg_wrapper.gif) top left repeat-y !important;}
#Canvas {position: relative;}
.Right {margin-right: 300px;}
#Right {position: absolute; right: 0; top: 0; width: 300px; background: none;}


.Left {margin-left: 300px;}
#Left {position: absolute; left: 0; top: 0; width: 300px; background: none;}

ul#Primary {top: 20px; position: relative; margin: 0; padding: 0; list-style: none;}
ul#Primary li {margin: 0; padding: 0; float: left; }
ul#Primary li a {padding: 0 15px; margin: 0; font-size: 14px; color: #ffffff; text-transform: uppercase !important; font-family: Arial, Helvetica, sans-serif;} 
ul#Primary li a.Active, ul#Primary li a:hover {color: #ffde00; text-decoration: none;}

ul#Secondary, ul#Secondary li { list-style:none; margin:0px; padding:0px;}
ul#Secondary li { display: block; position: relative; line-height: 35px;}
ul#Secondary li a{ display: block; padding: 0px; height: 35px; text-decoration:none; color: #195090; font-size: 13px; font-family:Georgia, "Times New Roman", Times, serif; line-height: 35px; border-bottom: 1px #c4c1c1 dotted; text-decoration: none;}
ul#Secondary li a.Active {font-weight: bold; background: #f3f3f3 url(/concrete/themes/elitesoccer/images/sec_active.gif) top left no-repeat; padding: 0px 30px;}
ul#Secondary li a:hover{ text-decoration:none; background: #f3f3f3; padding: 0px 30px; }

#footerContainer{ width: 100% !important; background: #191919; height: 130px; position: relative;}
#footer { width: 960px; margin: 0 auto; padding-top: 25px; color:#a3a3a3; font-size:10px; }
#footer p {text-align: center; text-transform: lowercase; color: #a3a3a3; font-size: 10px; letter-spacing: 1px; line-height: 15px;}
#footer a{ text-decoration:none }
#footer p.sign-in {text-align: right !important; margin-right: 25px;}

/* Page Elements */

.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
.noTopSpace{margin-top:0px; padding-top:0px}

/* customize_miscellaneous */ /* customize_miscellaneous */
.Clear { clear: both; float: none; }

/* Home Page */


/* Forms */

fieldset { padding: 20px; border: 1px #444444 dotted; background: #cdd8e6; margin-bottom: 16px;}
legend { font-size: 15px; font-weight: bold; font-family: Lucida Sans, Verdana, Arial, Tahoma, Sans-Serif; background: #f3f3f3; letter-spacing: 1px; padding: 3px 10px; text-transform: uppercase;}
div.LabelInput, span.LabelInput {margin-bottom: 12px;display: block;clear: both;}

input.Text, input.Password, input.Number, select.Select, textarea.TextArea, input.Date {
	width: 300px;
	color: #444;
	font-size: 14px;
	font-family: Lucida Sans, Verdana, Arial, Tahoma, Sans-Serif;
	padding: 4px 7px;
	border: 1px solid #666;
	background: #fff;
	letter-spacing: 1px;
}

select.Select {width: 20.7em;}
textarea.TextArea {height: 200px;}
input.Button {width: auto;}
label {line-height: 24px; padding: 4px 7px; width: 220px;font-size: 12px; text-transform: uppercase; letter-spacing: 1px; float: left;display: block; font-family: Lucida Sans, Verdana, Arial, Tahoma, Sans-Serif;}
span.Radio label, table.Radio label, span.Checkbox label, table.Checkbox label {width: auto; display: inline; float: none;}
div.Submit, p.Submit, span.Submit {display: block; padding: 14px 0 14px 234px; font-size: 16px; /* right padding for label width plus label padding */}
a.Button, input.Button {font-weight: bold; text-transform: uppercase; padding: 5px 10px; text-decoration: none; background: #333333; color: #ffffff !important; border: none; cursor: pointer; line-height: normal;}

div.radioPair {float: left; margin-right: 20px;font-family: Lucida Sans, Verdana, Arial, Tahoma, Sans-Serif; font-size: 14px; letter-spacing: 1px;}
div.radioPair input { margin-right: 8px; };
span.required{color: red !important;}

div#msg{padding: 20px; margin-bottom: 20px; border: 1px #600 solid; background: #F5807F; color: #ffffff; font-size: 13px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; letter-spacing: 1px;}