/* CSS Reset */
html, body, div, span, applet, object, iframe, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
}

/* remember to define focus styles! */
:focus {outline: 0;}

b, strong {font-weight: bold;}
i, em {font-style: italic;}


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* END CSS Reset */

html, body {height: 100%;}

body {
    color: #333;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    margin:0;
    padding:0;
}

a {
    color:blue;
}

p {
    font-size:13px;
    line-height: 1.5em;
    margin:1.5em 0;
}

ul {
    font-size:13px;
}

h1 {
    color: #666;
    font-family: Tahoma, Geneva, sans-serif;
    margin-bottom:20px;
    text-shadow:#fff 0 1px 0;
}

/* Main Layout 
***************************/
#container {
    min-height:100%;
    margin:0 auto 35px 0;
}

#header {
    background: url('../../src/images/header_bg.png');
    clear:both;
    height:92px;
    padding-top:3px;
}

#header #top-section {
    clear:both;
}

#header #top-section #logo{
    background: url('../../src/images/logo.png') no-repeat 0 0;
    float:left;
    height:71px;
    width:219px;
}

#header #top-section #logo a {
    display:block;
    height:100%;
    width:100%;
}

#header #top-section #top-right-area {
    color:#efefef;
    float:right;
    margin-top:20px;
}

#header #top-section #top-right-area a {
    color:#fff;
}

#header ul#nav {
    margin-top:67px;
    position:absolute;
}

#header ul#nav li {
    background: url('../../src/images/nav_divider.png') no-repeat 100% 0;
    display:inline;
    padding:0 10px;
}

#header ul#nav li.first-link {
    padding-left: 0 !important;
}

#header ul#nav li.last-link {
    background-image: none !important;
}

#header ul#nav li a {
    color:#fff;
    font-size:0.9em;
    font-weight:bold;
    text-decoration:none;
}

#header ul#nav li a:hover {
    color:#ccc;
}

#content {
    clear:both;
    overflow:auto;
    padding-top: 10px;
    padding-bottom: 25px;  /* height of footer */
}

#footer {
    background: #111111 url('../../src/images/footer_bg.png') repeat-x 0 0;
    clear:both;
    color:#333;
    font-size:0.9em;
    height: 25px;
    margin-top: -25px;
    padding:25px 0;
}

#footer ul {
    list-style-type: none;
    margin-top:5px;
}

#footer ul li {
    display: inline;
    padding:1px 0;
}

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

#footer a:hover {
    color:#fff;
}

.inner {
    margin:0 auto;
    width:950px;
}

/*Splash Page
*******************/
#splash-left-column {
    float:left;
    width:406px;
}

#splash-right-column {
    float:right;
    width:530px;
}

.splash-header-bg {
    background: url('../../src/images/splash_top_bg.png') repeat-x 0 -170px;
}

h1.splash-tagline {
    display:inline;
    text-shadow:#fff 0 1px 0;
}

#splash-photo-frame {
    background:url('../../src/images/splash_image_frame.png') no-repeat 0 0;
    height:238px;
    padding:6px 10px;
    width:386px;
}

#events-wrapper {
    background:url('../../src/images/splash_events_bg.png') no-repeat 0 0;
    padding:10px;
    margin-top:20px;
    height:547px;
}
#events-wrapper h3 {
    color:#666;
    font-size:1.6em;
    font-weight:normal;
}
ul.features-included {
    color:#666;
    list-style-image:url('../../src/images/green_checkmark.png');
    margin-left:30px;
    margin-bottom:15px;
}
ul.features-included li {
    margin:5px 0;
}

.title-blurb {
    background:url('../../src/images/blurb_bg.png') no-repeat 0 0;
    display:block;
    font-size:2.5em;
    font-weight:normal;
    padding:9px;
    text-align:center;
    text-shadow:#fff 0 1px 0;
}

a.call-to-action {
    color:#0e5fa4;
    font-size:1.3em;
    font-weight:bold;
}

a.pricing-plans {
    color:#0e5fa4;
    font-weight:bold;
}

#events-wrapper table.upcoming-events {
    border:1px solid #ccc;
    border-top:0;
    font-size:0.9em;
    margin: 10px 0;
    width:510px;
}

#events-wrapper table.upcoming-events a {
    color:#0485c8;
}

#events-wrapper table.upcoming-events th, table.upcoming-events td {
    padding:10px;
}

#events-wrapper table.upcoming-events th {
    background:url('../../src/images/table_header_bg.png') repeat-x 0 0;
    color:#fff;
    font-weight:bold;
    padding-bottom: 15px;
    padding-top: 15px;
}

#events-wrapper table.upcoming-events .column1 {
    width:85px;
}
#events-wrapper table.upcoming-events .column2 {
    width:150px;
}
#events-wrapper table.upcoming-events .column3 {
    width:150px;
}
#events-wrapper table.upcoming-events .column4 {
    width:125px;
}

/* Forms
********************************/
label {
    color:#999;
    display:block;
    font-weight:bold;
    margin-top:15px;
}

input[type="text"], input[type="password"], select, textarea {
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    font-weight:bold;
    margin:2px 0 0 0;
    padding:5px;
    width:200px;
}

textarea {
    height:100px;
    width:400px;
}

small {
    color:#999;
    font-size:.85em;
    font-weight:normal;
}

.error-input {
    background:#FFE2E2 !important;
    border:1px solid red !important;
}

/* Buttons and Styled Links
*******************************/
a.button-orange {
    background:url('../../src/images/table_header_bg.png') repeat-x 0 0;
    border:1px solid #e15405;
    color:#fff;
    display:inline-block;
    margin:5px 0;
    padding:7px 10px;
    text-decoration:none;
}

a.button-orange:hover {
     background: #de4c01 none;
     text-decoration:underline;
}

a.button-style-1 {
    background:url('../../src/images/buttons_sprite.png') repeat-x 0 0;
    border:1px solid #0f0f0f;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    color:#fff;
    display:inline-block;
    padding:5px 15px;
    text-decoration: none;
}

a.button-style-1:hover {
    background:url('../../src/images/buttons_sprite.png') repeat-x 0 -32px;
}

a.button-style-1:active {
    background:url('../../src/images/buttons_sprite.png') repeat-x 0 -62px;
}

a.button-style-2 {
    background:url('../../src/images/buttons_sprite.png') repeat-x 0 -93px;
    border:1px solid #002260;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    color:#fff;
    display:inline-block;
    padding:5px 15px;
    text-decoration: none;
}

a.button-style-2:hover {
    background:url('../../src/images/buttons_sprite.png') repeat-x 0 -124px;
}

a.button-style-2:active {
    background:url('../../src/images/buttons_sprite.png') repeat-x 0 -155px;
}

a.button-style-3 {
    background:url('../../src/images/buttons_sprite.png') repeat-x 0 -93px;
    border:1px solid #002260;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    color:#fff;
    display:inline-block;
    padding:5px 15px;
    text-decoration: none;
}

a.button-style-3:hover {
    background:url('../../src/images/buttons_sprite.png') repeat-x 0 -124px;
}

a.button-style-3:active {
    background:url('../../src/images/buttons_sprite.png') repeat-x 0 -155px;
}

a.add-button {
    background:url('../../src/images/buttons_sprite.png') repeat-x 0 -186px;
    border:1px solid #206223;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    color:#fff;
    display:inline-block;
    padding:5px 15px;
    text-decoration: none;
}

a.add-button:hover {
    background:url('../../src/images/buttons_sprite.png') repeat-x 0 -217px;
}

a.add-button:active {
    background:url('../../src/images/buttons_sprite.png') repeat-x 0 -248px;
}

a.logout-button {
    color:red !important;
}

/* Error Messages */
ul.errorlist {
    background-color:#FFE4E1;
    border:1px solid #FF4040;
}
ul.errorlist li {
    color:#EE0000;
    display:block;
    padding:5px;
}

.error-msg {
    background-color:#FFE4E1;
    border:1px solid #FF4040;
    color:#EE0000;
    display:block;
    padding:5px;
}

.success-msg {
    background-color:#CAFF70;
    border:1px solid #458B00;
    color:#458B00;
    display:block;
    padding:5px;
}

.warning-msg {
    background-color:#FFEC8B;
    border:1px solid #EEC900;
    color:#8B6914;
    display:block;
    padding:5px;
}

span.required-field {
    color:red;
    font-size:.8em;
    margin-left:5px;
}

.note-box {
    background-color:#FFF68F;
    border:1px solid #F0E68C;
    padding:5px;
}

/* CSS shortcuts
******************/
.float-left{float:left;}
.float-right{float:right;}