/* A font by Jos Buivenga -> http://www.exljbris.nl */
@font-face {
  font-family: 'Delicious';
  src: url("Delicious-Roman.otf");
}

body {
	background:fixed;
	background-image:url(/images/system/bg.jpg);
	background-repeat:repeat-x;
	background-color:#004F89;
	margin:0px;
	padding:0px;
       overflow-x: hidden;
	font-family:sans-serif;
	font-size:13px;
	line-height:19px;
}

a:link {
	color:#013E6B;

}

a:visited {
	color:#013E6B;

}

a:hover {
	color:#7FADCE;
}

a:hover, a:active, a:focus, a:visited, a:link {
    outline: none;
}


/*
	main parts
*/

#container {
	margin:0 auto;
	width:944px;
}

#main {
	background-image:url(/images/system/main-bg.png);
	background-repeat:repeat-y;
}



/*
	header
*/

#header {
        position:relative;
	background-image:url(/images/system/header.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:372px;
	margin:0 auto;
}

#login_header_form {
	position:relative;
	background-image:url(/images/system/login.png);
	background-repeat:no-repeat;
	width:119px;
	height:28px;
	top:270px;
	margin-left:77px;
}

#logout_header_form a,
#login_header_form a {
	width:119px;
	height:28px;
	display:block;
	text-indent:-9999px;
}

#logout_header_form {
	position:absolute;
	background-image:url(/images/system/logout.png);
	background-repeat:no-repeat;
	width:119px;
	height:28px;
	top:270px;
	margin-left:77px;
}

#info-bar {
	width:900px;
	height:25px;
	margin:0px auto 0px auto;
	text-align:right;
	padding:5px 20px 0px 0px;
	font-size:0.9em;
	color:#FCFCFC;
}

#info-bar a:link {
	color:#787878;

}

#info-bar a:visited {
	color:#787878;

}

#info-bar a:hover {
	color:#b0b0b0;

}

/*
	main-content
*/

#content {
	background-image:url(/images/system/conent-bg.jpg);
	background-repeat:repeat-y;
	width:900px;
	margin:0px auto 0px auto;
	overflow:hidden;
}

#middle-gradient {
	background-image:url(/images/system/middle-gradient.jpg);
	background-repeat:repeat-y;
	width:900px;
	height:25px;
	margin:0px auto 0px auto;
}

#logos {
	width:900px;
	height:10px;
	margin:0px auto 0px auto;
	background-color:#0E0E0E;
	/*	background-image:url(/images/system/gma-sponsors.png);*/
	background-repeat: no-repeat;
	background-position: center center;
}

#bottom {
	width:900px;
	min-height:20px;
    height: auto;
	margin:0px auto 0px auto;
	background-color:#0E0E0E;
}


/*
	menu
*/

#menu {
	position:relative;
	float:left;
	width:150px;
	text-align:right;
}

#menu ul {
	padding:0;
	margin:27px 0px 20px 0px;
}

#menu li {
	list-style:none;
}




#menu li a:link {
	font-size:1.3em;
	text-decoration:none;
	color:#000000;
	padding:5px 15px 5px 10px;
	display:block;
	width:150px;
}

#menu li a:visited {
	font-size:1.3em;
	text-decoration:none;
	color:#000000;
	padding:5px 15px 5px 10px;
	display:block;
	width:150px;
}

#menu li a:hover {
	font-size:1.3em;
	text-decoration:none;
	color:#ffffff;
	padding:5px 15px 5px 10px;
	display:block;
	width:150px;
	background-image:url(/images/system/menu.png);
	background-repeat:repeat;

}


#menu li.selected a {
	font-size:1.3em;
	text-decoration:none;
	color:#ffffff;
	padding:5px 15px 5px 10px;
	display:block;
	width:150px;
	background-image:url(/images/system/menu.png);
	background-repeat:repeat;
}


/*
    member menu
*/

#menu li.member-menu {
	font-size:1.3em;
	text-decoration:none;
	color:#ffffff;
	padding:5px 15px 5px 10px;
	display:block;
	width:150px;
	background-image:url(/images/system/menu.png);
	background-repeat:repeat;
        margin-top:30px;
}



/*
	content - text
*/

#text {
	position:relative;
	float:right;
	width:680px;
	color:#000000;
	margin:20px 20px 20px 0px;

}

.left-content {
	position: relative;
	float:left;
	width:459px;
	padding-right: 20px;
}

.left-content-manager {
	position: relative;
	padding-right: 20px;
}

.banner-content {
	position: relative;
	float:right;
	width:200px;
	text-align: right;
	border-left:1px solid black;
}

.banner-content img,
#dir-right img,
.advertisers img,
.banner-content img {
	border: 1px solid black;
	float:right;
	margin-bottom:10px;
}

h1 {
    font-family: Delicious;
	margin-top:10px;
	margin-left:0px;
	font-size:2.1em;
	text-transform:uppercase;
	color:#404040;
    font-weight: normal;
	text-align: left;
}

h2 {
    font-family: Delicious;
	margin-top:10px;
	margin-left:0px;
	font-size:1.9em;
	text-transform:uppercase;
	color:#404040;
	text-align: left;
    font-weight: normal;
}


/*
	footer
*/

#footer-menu {
	background-image:url(/images/system/fotter-bg.jpg);
	background-repeat:repeat-x;
	width:900px;
	height:37px;
	margin:0px auto 0px auto;
	overflow:hidden;
}

#footer-menu-left {
	position:relative;
	float:left;
	width:350px;
	color:#737373;
	text-transform:uppercase;
	font-size:0.9em;
	margin-top:12px;
	margin-left:10px;
}

#footer-menu-right {
	position:relative;
	float:right;
	text-align:right;
	width:500px;
	color:#737373;
	text-transform:uppercase;
	font-size:0.9em;
	margin-top:12px;
	margin-right:10px;
}

#footer-menu-right ul {
	margin:0px;
	padding:0px;
}


#footer-menu-right li {
	list-style:none;
	display:inline;
	padding-left:5px;
}

#footer-menu-right a:link {
		color:#737373;
}

#footer-menu-right a:visited {
		color:#737373;
}

#footer-menu-right a:hover {
		color:#b0b0b0;
}



#footer {
	background-image:url(/images/system/footer.png);
	background-repeat:no-repeat;
	width:944px;
	height:31px;
	margin:0 auto;
}

#itms {
	width:900px;
	height:30px;
	margin:0px auto 20px auto;
	color:#787878;
	font-size:1em;
}

#itms a:link,
#itms a:visited {
	color:#787878;
}

#itms a:hover {
	color:#b0b0b0;
}

#itms img {
	position:relative;
	top:4px;
}


/*
	General form styles
*/


textarea,
select,
input[type=password],
input[type=text] {
	border:1px solid #7F7F7F;
	padding:3px;
	font-family:sans-serif, Arial, Helvetica;
	font-size:1em;

}

.input_required {
	background-image: url(../images/system/required.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.required-info {
	width: 100%;
	color: #7F8084;
	font-style: italic;
}

.required-info span {
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 5px;
}


/*
	Registration
*/


input.error, select.error, textarea.error {
	border:1px solid red;

}

input, select {
	display:block;
}

input[type=checkbox].error {
	display:inline;
}

input[type=checkbox] {
	display:inline;
}

#recaptcha_response_field {
	position:relative;
	float:right !important;
}


fieldset {
	margin:20px 0px 20px 0px;
	border:1px solid #000000;
}

legend {
	padding:2px 10px 4px 25px;
	font-size:1em;
	background-color:#000000;
	color:#ffffff;
	position:relative;
	margin-left:30px;
	border:1px solid #ffffff;
	background-image:url(/images/system/label_bg.gif);
	background-repeat:no-repeat;
	background-position:5px 6px;
}


.system {
	color: #ffffff;
	font-size:1em;
/*	padding:20px;	*/
}

.error {
	color:#ff0000;
}

.error p {
        padding:0px;
        margin:0px;
}

.error label {
	display:block;
}



tr.tr_states_off {
	display:none;
}

.loader {
	width:25px;
	height:25px;
	background-image:url('/images/system/loader.gif');
	background-repeat:no-repeat;

}

div.mbpm,
div.pro_race,
div.club_race,
div.track_days {
	display:none;
	margin:20px 0px 20px 0px;
}


/*
	config section
*/

.messages {
	color:#008000;
	font-size:1.4em;
	width:100%;
	text-align:center;
        position: absolute;
        top:0;
        z-index: 999;
        background-color: #FDFDFD;
        padding:30px;
        border-bottom: 2px solid #000000;
}


/*
    member profile
*/

.member-yes {
    position: relative;
    width: 10px;
    height: 10px;
    background-image: url(/images/system/yes.gif);
    background-repeat: no-repeat;
    float:left;
    top:5px;
}

.member-no {
    position: relative;
    width: 10px;
    height: 10px;
    background-image: url(/images/system/no.gif);
    background-repeat: no-repeat;
    float:left;
    top:5px;
}




.member-pro-td {
    padding-left: 30px;
    padding-top:3px;
    padding-bottom:3px;
	text-align: left;
}

tr.tr_pro {
  /*  background-color: #EBF0F4; */
}

tr.tr_pro td{
    padding:5px;
}

span.red,
span.member_not_active {

    color:red;
}

tr.tr_color {

    background-color: #F6F7FB;
}

table.member_list th {
    background-color: #0E0E0E;
    color:#E2EBF0;
    font-size: 0.9em;
    font-weight: normal;
}

/* Pagination */

.pagination {
    font-size:1.1em;
    margin:10px 0px 10px 0px;

}

.pagination strong {
    padding:5px 10px 5px 10px;
    background-color: #EFF4F7;
    border:1px solid #9F9F9F;
    text-decoration: none;

}

.pagination a {
    padding:5px 10px 5px 10px;
    background-color: #EFF4F7;
    border:1px solid #9F9F9F;
    text-decoration: none;
}

.pagination a:hover {
    border:1px solid #DFDFDF;
    text-decoration: none;
    color:#0E0E0E;
}

/* Directory */

.dir-row {
    overflow: hidden;
    clear:both;
}

ul.category {
    padding:10px 0px 10px 0px;
    margin:5px;
    min-height: 30px;
    height: auto;
}

ul.category li {
    list-style: none;
}

ul.category li.category-item {
    list-style: none;
    font-size: 1.3em;
    text-align:left;
    margin-bottom:10px;
}

ul.subcategory li {
    list-style:circle;
}

.fieldset_container {
    width:100%;
    display: block;
    overflow: hidden;
    margin-bottom:10px;
}

.fieldset-left {
    float:left;
    width:200px;
    padding:2px 10px 2px 10px;
}

.fieldset-left2 {
    float:left;
    width:510px;
}

.fieldset-right {
    float:left;
    margin-right:10px;
}

.fieldset-right2 {
    float:left;
    margin-right:10px;
    padding-left:25px;
}

span.notice {
    font-size: 0.8em;
    display: block;
}


.amount {
    position: absolute;
    left:25px;
    float:left;
}

/* DIRECTORY */

#bread-crumb {
    width:100%;
    background-color: white;
    padding-left:10px;
    padding-right:10px;
    padding-top:3px;
    padding-bottom:3px;
}

#add-form {
    position: relative;
    width:100%;
    text-align: right;
    margin-top:20px;
    float:right;
    border-top:1px dotted #00101A;
    padding-top:10px;
}

#upgradeForm {
    position: relative;
    width:200px;
    text-align: right;
    margin-top:10px;
    float:right;
}

#add-form input[type="submit"] {

}

#dir-left {
    float:left;
    width:510px;

}

#dir-right {
    float:left;
    width:160px;
    margin-left:5px;
    margin-top:20px;
    text-align:center;
    font-size:0.8em;
}

#dir-banner-item {
   width:100%;
   text-align: center;
    font-size:0.8em;
}

hr {
    border-top:1px dotted black;
    border-bottom:none;
    border-left:none;
    border-right:none;
}

#add-form input[type="submit"] {
    float:right;
    margin-right:0px;
}

#error label {
    display: block;
    margin-left:10px;
}

.rating {
    position: relative;
    overflow: hidden;
    clear: both;
}

.rating-question {
    position: relative;
    float:left;
    width:445px;
    padding:2px;
    margin-left: 10px;
}

.rating-stars {
    position: relative;
    float:left;
    padding-top:1px;
    padding-bottom:1px;
    width:220px;
}

.rating-notice {
    position: relative;
    float:left;
    text-align: right;
    width:30px;
    margin-right:3px;
    margin-top:-1px;
    font-size:10px;
    color:#6F6F6F;
}

.star {
    position: relative;
    float:left;
    width:15px;
    height:15px;
    margin-right: 2px;
    background-image: url(../images/system/star.gif);
    background-position: 0px -33px;

}

.star2 {
    position: relative;
    float:left;
    width:15px;
    height:15px;
    margin-right: 2px;
    background-image: url(../images/system/star.gif);
    background-position: 0px 0px;

}

.member-rating {
     width:100%;
     display: block;
     margin-top:1px;
     overflow: hidden;
     clear: both;
}

.member-rating-div {
    font-size:1.1em;
    float:left;
}

.member-scores {
    position: relative;
    padding-top:10px;
    display:none;
    overflow: hidden;
    clear: both;
    margin-bottom:10px;
}



.click {
    font-weight: bold;
    text-decoration: underline;
    color:#05426E;
    cursor:pointer;
    font-size:1.1em;
}

.click:hover {
    font-weight: bold;
    text-decoration: underline;
    color:#7FADCB;
    cursor:pointer;
}

.click {
    position: relative;
    margin-left: 10px;
    width:100px;
    float:left;
}

#manager-menu {
    position: fixed;
    width:900px;
    height: 30px;
    background-color: #000000;
    filter:alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity:0.8;
    bottom:0px;
    z-index: 999;
    text-align: center;
}


#manager-menu ul {
    margin:5px 10px 0px 10px;
}

#manager-menu li {
    display:inline;
    margin-right: 20px;

}

#manager-menu a {
    color:#FDFDFD;
    font-weight: bold;
}

.confirm {
    color:#FF0000;
    font-weight: bold;
}

.directory-item {
    padding:5px;
    margin-top:10px;
}

.directory-item-mbpm {
    position: relative;
    min-height: 100px;
    height: auto;
    background-color: #FFFFFF;
    padding:5px;
    margin-top:10px;
    overflow: hidden;
}

.directory-item-mbpm-left {
   position: relative;
   float:left;
	width: 248px;
}

.directory-item-mbpm-right {
   position: relative;
   float:right;
	width: 180px;
	height: 126px;
   padding:8px;
}

.directory-item h3,
.directory-item-mbpm h3 {
    margin-top:5px;
}

.profile-image {
	position: relative;
	float:right;
	margin:10px 0 10px 10px;
}


/*
    NEWS
*/




.news_item {
    padding-bottom:20px;
}

.news_item h2 {
    font-size:1.5em;
    text-transform:none;
    margin:0px;
}

p.news_date {
    margin-top:5px;
    font-style: italic;
}

.news-menu {
    width:100%;
    border:1px dotted #000000;
}

.news-menu p {
    margin:10px;
    padding:0px;
}

.news-menu a {
    margin:5px;
}

/* Contact */
input#contact_name,
input#title,
input#contact_street,
input#contact_subject,
textarea#message,
textarea#contact_message {
	width: 298px;
}

input#contact_email,
input#contact_phone,
input#contact_city {
    width:200px;
}

input#contact_zip {
    width:80px;
}

.advertisers {
    text-align:center;
}

.advertisers img {
    margin:2px;

}


/*
    Profiler

*/

#codeigniter_profiler legend {
    background-color: transparent !important;
    background: none;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/images/system/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/system/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/system/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/system/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/system/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/images/system/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/system/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/system/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/system/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/system/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/system/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/system/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/images/system/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/system/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.

    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/system/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/system/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/system/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/system/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/system/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/system/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/system/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/system/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}