@charset "UTF-8";
/* CSS Document */


.account h1 { border-bottom:2px solid #f79929; font-size:24px; padding:0 0 5px 0; }

.empty { text-align:center; font-size:14px; padding:5px 0; }

/*------- LOGIN -------*/
#loginForm { margin:20px 20px 25px 20px;  font-size:14px; }
#loginForm div { margin:10px 0; }
#loginForm label { float:left; width:75px; text-align:right; font-size:14px; padding:4px 0; margin-right:10px; }
#loginForm label.reset { width:150px; }
#loginForm p { margin-left:85px; }
#loginForm p.error { color:#990000; font-size:12px; }
#loginForm input.text { width:325px; border:3px solid #b2b2b2; padding:3px 5px; font-size:14px; }
#loginForm input.submit { background-color:#00aeef; border:none; color:#FFF; padding:3px 10px;  font-size:14px; margin-top:10px; }


/*------- LOGIN SIDE -------*/
#side .account h4 { font-size:16px; border-bottom:1px dotted #666; padding:5px 0; }
#side .account .join { background-color:#00aeef; padding:7px 0; text-align:center; float:left; color:#FFF; font-size:14px; margin:10px 10px 10px 0; width:100px; text-decoration:none; }
#side .account ul { list-style:none; font-size:11px; margin:12px 0 0 110px; }
#side .account ul li { background:url(img/common/bullet_orange_sm.gif) left center no-repeat; padding-left:10px; margin:0 0 2px 0; }
#side .account p { margin:5px 0; font-size:11px; color:#444; line-height:135%; }

#side .account ul.why-join { background:#e6f2ff url(img/common/bg_signup_list.gif) 10px top no-repeat; margin:10px 0; padding:17px 0 10px 0; }
#side .account ul.why-join li { margin:0 10px; border-bottom:1px dotted #666; padding:4px 0 4px 13px; background:url(img/common/bullet_green_sm.gif) 2px 8px no-repeat; }

#side .account ul.why-join li a { text-decoration:none; color:#333; font-size:12px; }
#side .account ul.why-join li a:hover { color:#000; }
#side .account ul.why-join li a .count { color:#e30808; }

#side .account ul.simple { margin:0 0 10px 0; }
#side .account ul.simple li { text-align:left; background:none;  border-bottom:1px solid #DDD; padding:4px 0 4px 0; font-size:12px; }
#side .account ul.simple li a { text-decoration:none; background:url(img/common/video.gif) 5px center no-repeat; padding:0 0 0 30px; }


#side .account .tail { background:#464646 url(img/common/bg_side_tail.gif) bottom left no-repeat; color:#FFF; padding:5px 10px 10px 10px; margin:10px 0 0 0; }
#side .account .tail p { color:#FFF; margin:5px 0; }

#side .account ul.media { margin:0 0 15px 0; }
#side .account ul.media li { border-bottom:1px solid #c9c9c9; padding:3px 0 3px 15px; }
#side .account ul.media li  a { text-decoration:none; }
#side .account ul.media li span { float:right; color:#FFF; background-color:#000; padding:1px 3px; font-size:10px; }

#side .blogcatalog { border-top:1px solid #DDD; margin:15px 0 0 0; padding:10px 0 0 0; }
#side .blogcatalog .logo { float:left; margin-right:10px; }
#side .blogcatalog h5 { font-size:14px; margin-left:78px; }
#side .blogcatalog p { font-size:11px; margin:5px 0 5px 78px; }
#side .blogcatalog p.learn { background:url(img/common/bullet_red_sm.gif) 7px left no-repeat; border-top:1px dotted #DDD; padding:5px 0 0 12px; }
#side .blogcatalog p.learn a { text-decoration:none; }

#side .flickr { margin:10px 0; text-align:center; }



/*------- SIGNUP -------*/
#signupForm { margin:0 20px 15px 20px;  font-size:14px; }
#signupForm div { clear:left; border-bottom:1px dotted #666; padding-bottom:10px; }
#signupForm div label { float:left; width:140px; text-align:right; font-size:14px; padding:6px 0 0 0; margin-right:10px;  }
#signupForm div p { margin-left:150px; }
#signupForm p.error { font-size:11px; color:#e30808; margin:-5px 0 -5px 150px; }

#signupForm div p.hint { display:block; width:338px; text-align:right; height:28px; margin:10px 0 0 150px; }
#signupForm div p.hint span { height:28px; float:right; background-color:#00FFFF; padding-left:10px;  background:url(img/common/bg_login_hint.gif) top left no-repeat;  }
#signupForm div p.hint span span { float:right; background:url(img/common/bg_login_hint.gif) top right no-repeat; color:#FFF; font-size:12px; padding:0px 10px 0 0; height:28px; }

#signupForm div input.text { width:325px; font-size:14px; border:3px solid #b2b2b2; padding:3px 5px; margin:0 0 0 0; }
#signupForm div input.error { border-color:#e30808; }

#signupForm div.submit { border-bottom:none; margin-bottom:10px; }
#signupForm div.submit p { margin:10px 0 0 150px; }

#signupForm div.submit p input.submit { background-color:#00aeef; border:none; color:#FFF; padding:3px 10px;  font-size:14px;  }



/*------- EDIT PROFILE -------*/
.accountForm { margin:15px 0; }
.accountForm div { width:600px; border-bottom:1px dotted #DDD; padding:0 0 10px 0; margin:0 0 10px 0; }
.accountForm div p { font-size:16px; }
.accountForm div p.note { font-size:10px; margin:3px 0; }
.accountForm div label { font-size:18px; }

.accountForm div .hint { float:right; width:400px; font-size:12px;  background:url(img/common/bg_account_hint_2.gif) right top no-repeat; height:27px; padding-right:10px;  }
.accountForm div .hint span { float:right; height:25px; background:url(img/common/bg_account_hint.gif) top left no-repeat; color:#FFF; padding:2px 0 0 10px;   }

.accountForm div input.text { width:590px; border:3px solid #DDD; height:25px; padding:3px 5px 0 5px; font-size:16px; } 
.accountForm div textarea.text { width:594px; border:3px solid #DDD; padding:3px; font-size:14px; }
.accountForm div select { width:600px; height:27px; border:3px solid #DDD; font-size:14px; }
.accountForm div .textDate { height:27px; font-size:16px; border:3px solid #DDD; padding:3px 3px 0 3px; }
.accountForm div .textTag { height:27px; font-size:16px; border:3px solid #DDD; padding:3px 3px 0 3px; width:130px;  }
.accountForm div .eventDate { background:url(img/common/calendar.gif) 98% center no-repeat; padding:0 3px; cursor:pointer; }
.accountForm div .textFile { font-size:16px; width:300px; margin:10px 0;  }
.accountForm div p.checkbox { margin:10px 0; }
.accountForm div p.checkbox input { margin:-2px 5px 0 0; }

.accountForm div p.error { font-size:11px; color:#e30808; margin-top:3px; }
.accountForm div input.error,
.accountForm div textarea.error{ border-color:#e30808; }

#cal1Container { position:absolute; width:235px; margin:0; padding-right:3px;  }
#cal1Container .title { width:235px;  }

.accountForm div p.bclogo { float:left; margin:5px 10px 5px 0; }
.accountForm div input.bc { width:505px; margin:5px 0; }

.accountForm div p.avatar { float:left;  width:124px; height:124px; padding:2px 0 0 2px; margin:0 10px 0 0; background:url(img/user/bg_avatar.gif) top left no-repeat; }

.accountForm div.submit { border-bottom:none; text-align:right; }
.accountForm div.submit input { border:none; background-color:#00aeef; padding:3px 7px; color:#FFF; font-size:14px; }



/*------- Friend Requests -------*/
.requestForm .header { background-color:#e8f0f7; padding:5px 0; }
.requestForm .checkbox { float: left; width:45px; text-align:center;   }
.requestForm .username { float:left; width:290px; margin:0 10px; }
.requestForm .header .checkbox, 
.requestForm .header .username { padding:0; border-right:1px solid #DDD;  }

.requestForm .request { background-color:#fbfbfb; border:1px solid #DDD; margin:7px 0; padding:5px 0;  }
.requestForm .request .checkbox { padding: 20px 0 0 0; }
.requestForm .request .username .avatar { float:left; width:58px; height:58px; background:url(img/user/bg_avatar_sm.gif) top left no-repeat; margin-bottom:3px; margin:0 10px 0 0; }
.requestForm .request .username .avatar img { margin:3px 0 0 4px; }
.requestForm .request .username .detail { font-size:11px; color: #666; margin:3px 0; }
.requestForm .request .username .nextEvent { font-size:11px; border-top:1px dotted #DDD; margin:3px 0 0 68px; padding:3px 0; }
.requestForm .request .actions { margin:15px 0 0 0; text-align:center; }
.requestForm .request .actions a { background-color:#464646; padding:3px 8px; color:#FFF; text-decoration:none; margin:0 2px; }

.submit input { padding:3px 5px; margin:0 10px 0 0; border:none; color:#FFF; }
.submit input.accept { background-color:#00aeef; }
.submit input.ignore { background-color:#f7941d; }


#event-tabs { list-style:none; border-bottom:2px solid #0cb2f0; margin:15px 0 0 0; padding-left:3px; }
#event-tabs li { float:left;  margin:0 0 0 2px; position:relative;  }
#event-tabs li a { text-decoration:none; background-color:#e6f2ff; display:block; padding:5px 10px; font-size:14px; text-transform:uppercase; color:#666; }
#event-tabs li a:hover { background-color:#cfebfd; }
#event-tabs li.active a { background-color:#0cb2f0; color:#FFF; }
#event-tabs li .pending { height:18px; width:18px; position:absolute; top:-5px; right:-2px; background:url(img/account/notice_o.png) top left no-repeat; text-align:center; line-height:18px; font-size:10px; color:#FFF;}
#event-tabs li .plus { background:url(img/account/notice_r.png) top left no-repeat; }

/*------- Filter Links -------*/
.event-filters { background-color:#e8f0f7; }
.event-filters ul { list-style:none;  }
.event-filters ul li { float:left; border-right:1px solid #DDD; margin:7px 0; }
.event-filters ul li.last { border-right:none; }
.event-filters ul li a { display:block; padding:2px 10px; }

.event-search { background-color:#ececec; text-align:center; padding:10px 15px; margin:10px 0; }
.event-search label { font-size:14px; }
.event-search input.text { font-size:14px; border:2px solid #b0b0b0; margin:0 10px; padding:2px 3px; }
.event-search input.submit { border:none; background-color:#00aeef; color:#FFF; font-size:14px; padding:3px 5px; }

/*------- EVENT COMMENTS -------*/
#comments .comment { border:1px solid #e0e0e0; margin:10px 0; }
	#comments .pending { background-color:#ffffe0; }
#comments .comment .actions { background-color:#F2F2F2; margin:0 0 10px 0; }
	#comments .pending .actions { background-color:#f0f0d4; }
#comments .comment .actions a { float:right; padding:2px 25px 2px 10px; color:#FFF; text-align:left; text-decoration:none; font-size:10px; }
	#comments .comment .actions .delete { background-color:#e30808; }
	#comments .comment .actions .spam { background-color:#f7941d; }
	#comments .comment .actions .approve { background-color:#8dc73f; }
#comments .comment p { margin:0 10px; }
#comments .comment .avatar { float:left; margin:0 10px 10px 10px; }
#comments .comment .timestamp { float:right; color:#666; font-size:10px; padding-top:5px; }
#comments .comment .title { font-size:16px; }
#comments .comment .author { margin:5px 0 10px 0; }
#comments .comment .content { clear:left; margin:10px; }

/*------- Event Users -------*/
#users .user { float:left; background:#fbfbfb url(img/user/friend-corner.gif) top left no-repeat; width:297px; margin:0 2px 10px 2px; font-size:14px;  }
#users .user a { text-decoration:none; }
#users .user .bot { background:url(img/user/friend-corner.gif) bottom right no-repeat; padding:6px 0; }
#users .user .inside { border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; padding:3px 10px 0 10px; }
#users .user .avatar { position:relative; }
#users .user .avatar div { float:left; width:58px; height:58px; background:url(img/user/bg_avatar_sm.gif) top left no-repeat; margin-bottom:3px; margin:0 10px 0 0; }
#users .user .avatar div img { margin:3px 0 0 4px; }
#users .user .banned { background-color:#464646; font-size:10px; color:#fff; padding:0 2px; }
#users .user .joined { margin:3px; color:#999; font-size:11px; }
#users .user .actions { font-size:12px; color:#999; }
#users #loading { padding:15px 0; background:url(img/common/ajax-loader.gif) center center no-repeat; }

/*------- Account Calendar -------*/
#account-welcome { float:left; width:418px; background:url(img/account/bg-welcome-bot.gif) left bottom no-repeat; padding-bottom:10px; margin:0 9px 15px 0; }
#account-welcome h4 { background:#464646 url(img/account/bg-welcome-top.gif) top left no-repeat; color:#FFF; font-size:12px; padding:7px 15px; }
#account-welcome .inside { border-left:3px solid #464646; border-right:3px solid #464646; background:url(img/account/bg-welcome-mid.gif) right top repeat-y; padding:15px 0 5px 0; }
#account-welcome .date { float:right; width:130px; text-align:center;  }

#account-welcome .date .day { font-size:72px; margin:15px 0; }

#account-welcome .desc h5 { font-size:16px; margin:0 145px 10px 15px; }
#account-welcome .desc  p { margin:0 145px 0 15px; line-height:16px; }

#account-cal { float:left; padding:0 3px 10px 3px;}
#account-cal tr { border-left:3px solid #464646; border-right:3px solid #464646; }
#account-cal .calheader {  position: static; background-color:#464646; color:#FFF; padding:5px 0; }
#account-cal .calheader a.calnavleft { left:0; top:3px; }
#account-cal .calheader a.calnavright { right:0; top:3px; }
#account-cal .calweekdayrow { border-left:3px solid #464646; border-right:3px solid #464646;}
#account-cal .calcellleft { border-left:3px solid #464646;  }
#account-cal .calcellbottom { border-bottom:3px solid #464646; }
#account-cal .calcellright { border-right:3px solid #464646; }
#account-cal td.calcell { line-height:1.5em; }
#account-cal .today a { background-color:#f6ef95; border:none; }


/*------- Account Events -------*/
.my-events { background-color:#464646; color:#FFF; }
.my-events div { background:url(img/account/bg-events-bot.gif) left bottom no-repeat; padding-bottom:7px; }
.my-events h4 { background:url(img/account/bg-events-top.gif) top left no-repeat; padding:7px 15px; }
.my-events table { background-color:#FFF; color:#000; width:100%; border-right:3px solid #464646; border-left:3px solid #464646; }
.my-events table tr th { background:#e8f0f7 url(img/account/bg-events-sep.gif) left center no-repeat; padding:3px 10px; border-bottom:2px solid #f69928; text-align:left; font-weight:normal; }
.my-events table tr:hover td { background-color:#f2f2f2; }
.my-events table tr td { padding:3px 13px; background:url(img/account/bg-events-sep.gif) left center no-repeat; border-bottom:1px solid #DDD; }
.my-events table tr.last td { border-bottom:none; }
.my-events table tr .date { background-image:none; width:40px; }
.my-events table tr td.name { font-size:16px; width:350px; }
.my-events table tr td.name a { text-decoration:none; color:#000;}
.my-events table tr td .actions { font-size:11px; float:right; text-transform:uppercase; padding:3px 0 0 0; display:none; }
.my-events table tr td .actions a { text-decoration:none; color:#666; padding:2px 4px; }
.my-events table tr td .actions a:hover { background-color:#00aeef; color:#FFF; }
.my-events table tr .alert { text-align:center; }


#add-resource { background-color:#ececec; padding:10px 15px; margin:10px 0; }
#add-resource label { display:block; font-size:18px; margin:0 0 5px 0; }
#add-resource select { font-size:16px; }
#add-resource select option { padding:2px 5px; }
#add-resource .type { float:left; border-right:2px solid #AAA; padding:0 20px 0 0; }
#add-resource .account_resources { float:left; padding:0 20px; }
#add-resource .doc, #add-resource .video, #add-resource .hyperlink { display:none; }
#add-resource  p.hint { margin:5px 0 0 0;}
#add-resource  input.text { padding:2px 4px; border: 2px solid #DDD; }
#add-resource .submit { clear:left; text-align:right; }
#add-resource .submit input { background-color:#00aeef; }

#review-resources h3,
#admin_event_links h3 { border-bottom:2px solid #93ca49; font-size:18px; padding:3px 0; }

#admin_event_links ul { list-style:none; }
#admin_event_links ul li { border-bottom:1px solid #DDD; padding:4px 2px 6px 2px; }
#admin_event_links ul li .remove { float:right; }
