.percentageNum {
	color:#7d7dc7;
	font-weight:bold;
	left:0;
	position:absolute;
	text-align:center;
	text-shadow:none;
	top:0;
	width:100%;
}

.percentageBox {
	background-color:#9595C9;
	height:20px;
	left:0;
	
}

.goalProgress {
	border:1px solid #9595C9;
	height:20px;
	position:relative;
	width:410px;
	margin: 10px 20px;
}


#chat > div { float: right; display: inline; }
#chat { display: block;
position: fixed;
bottom: 0;
left: 50%;
width: 95%;
background: #F0EFED  top left repeat-x;
height: 25px;
border: solid #CFCECA;
list-style-type: none;
padding: 0;
margin: 0 0 0 -47.5%;
font: 12px/25px Helvetica Neue, Helvetica, Arial, Calibri, Tahoma, Verdana, sans-serif;
color: #222;
border-width: 1px 1px 0 1px;
}

.col { float: right; width: 200px; border-right: 1px solid #CFCECA; padding-left: 2px; }
#statusInfo, .statusInfo { float: left; width: 20px; color: #0C0; font-size: 20px; }
#friends, .bar { float: left; width: 180px; position: relative; }

#listFriends { width: 200px; position: absolute; bottom: 0px; left: -21px; background-color: #FFF; border: 1px solid #CFCECA; }
#listFriends p { padding: 5px 2px; }
#listFriends p:hover { background-color: #22205F; color: #fff; cursor: pointer; }
#listFriends p span { color: #0C0; font-size: 20px; }

#listFriends h4, .chat h4 { padding: 5px; background-color: #333; color: #fff; margin: 0px; }
#listFriends h4 span, .chat h4 span { font-size: 18px; padding: 0px 5px; }
#listFriends h4 span:hover, .chat h4 span:hover { cursor: pointer; background-color: #444; }

#listOverview, .overview { width: 180px; position: absolute; bottom: -35px; left: 0px; }


.chat { width: 198px; position: absolute; bottom: 0px; left: -20px; background-color: #FFF; border: 1px solid #CFCECA; }
.chat textarea { margin-left: 2px; width: 188px; height: 30px; overflow: hidden; }
.chatConvo { height: 200px; overflow-y: auto; width: 196px; padding: 0px 2px; }
.chatConvo p { margin: 0px; padding: 0px; font-size: 12px; }

/* GENERAL STYLES */
body { background: #bbbbdd  repeat-x 0% 0%; }
.container_12 { background-color: white; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
ul li, td, tr, span { line-height: 1em; }
ul, ol { margin: 0px 0px 10px 0px; }
ul li a { color: #22205F; display:inline-block; padding: 0px; margin: 0px; max-height: 50px;  }
p { margin: 0em 0em 1em 0em; font-size: 14px; color: #333; line-height: 1.4em; }
h1 { font-size: 5em; font-family: 'Josefin Sans Std Light', arial, serif; letter-spacing: .1em; color: #22205F; }
h2, h3, h4, h5 { font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif; font-weight: lighter; margin: .2em 0em .5em 0em; color: #22205F; }
h2 { font-size: 2em;}
h3 { font-size: 1.4em; margin-top: 5px; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
img { -webkit-border-radius: 0px; -moz-border-radius: 0px; }
.f-images a { display: inline-table; }
a:visited { color: #22205F; }
br { clear: both; }
p > br { clear: none; }
.button { float: right; font-size: 16px; background-color: #22205F; padding: 5px; color: #fff; font-weight: 300; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; margin-left: 10px; }
.button:hover { cursor: pointer; }
.smallbutton { float: right; font-size: 12px; background-color: #22205F; padding: 3px 10px; color: #fff; font-weight: 300; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; margin: 10px 0px 0px 10px; }
.smallbutton:hover { cursor: pointer; text-decoration: underline; }
a.largeButton { font-size: 16px; background-color: #22205F; padding: 10px 5px 5px 5px; font-weight: 300; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; text-decoration: none; width: 240px; height: 50px; float: left; display: inline-table; margin: 10px; color: #fff; }
.largeButton span {  color: #fff; }
.largeButton:hover { color: #fff; cursor: pointer; -webkit-box-shadow: 0px 0px 10px #888; box-shadow: 0px 0px 10px #888; text-decoration: none; }
.largeButton .larger { font-size: 2em; display: block; padding-bottom: 10px; }
.largeButton img { float: left; height: 50px; padding: 10px 20px 10px 10px;}
.editText, .editText input { display: inline-block; width: 440px; }
.note { font-size: .9em; font-style: italic; }

#gc-nav-top { text-align:right; padding-top:.5em; margin-bottom: 5px; text-transform: uppercase; }
#gc-nav-top li { display:inline-block; padding: 0px; margin: 0px 5px; }
#gc-nav-left { margin: 0px 0px 10px 0px; }
#gc-nav-left a:hover { text-decoration: none; }
	#logo { display: inline; float: left; padding-right: 10px; }
	#headline { padding-top: 10px; }

#gc-social { width: 220px; padding: 0px; height: 90px; background-color:#22205F; text-align:center; float: right; margin-right: 0px; }
#gc-social {-moz-border-radius: 10px; -webkit-border-radius: 10px;}
#gc-social h3 { color:white; text-transform: uppercase;}
#gc-social-box { width: 180px; height: 32px; display: inline-block; }
#gc-social-box a, #gc-social-box a div { float: left; margin: 0px 10px 0px 10px; width:32px; height:32px; background:center center no-repeat; display: inline-box; }


#gc-nav-main {padding:.75em; background-color: #FFFFFF; }
#gc-nav-main {-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;}
#gc-nav-main a { color: black;}
#gc-nav-main li { display:inline-block;); padding-left:1.5em; text-transform: uppercase; vertical-align: top; line-height: 1.4em; width: 14%; }
#gc-nav-main li.gc-challenge {background-position:0px 0px;}
#gc-nav-main li.gc-fbconnect {background-position:0px -50px;}
#gc-nav-main li.gc-volunteer {background-position:0px -100px;}
#gc-nav-main li.gc-donate {background-position:0px -150px;}
#gc-nav-main li.gc-about {background-position:0px -200px;} 

.page { padding: 20px; }

/*FOOTER STYLES*/
#gc-ft { color:white; background-color: #22205F; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; margin: -5px 0px 10px 0px; padding-top: 10px; }
#gc-ft h5 { color: white; padding-top: 3px;  }
#gc-ft .copyright, #gc-ft a { color: white; margin-right: -10px;}
#gc-ft .gc-nav { float: right; }
#gc-ft .gc-nav li { padding:3px 5px 0px 5px; display:inline-block; }


/*HOMEPAGE STYLES*/
#gc-slider { background-color: #22205F; }
#gc-impact { }
#gc-impact-graphic { width:960px; margin-bottom: -20px; } 

.badge { width: 75px; height: 75px; float: left; margin: 0px 10px 10px 0px; }
.bg2 {  margin: -20px 0px -30px 0px; width: 960px; height: auto; position:relative; }
.bg2 h3 { font-size: 28px; }
.strong { font-weight: bold; }
a { text-decoration: none; border: none; }
a:hover { text-decoration: underline; color: #212D96; }
a:visited { color: #212D96; }

.floaters .user { width: 110px; float: left; padding: 5px; height: 250px; }
.fancy_button a:hover { text-decoration: none; }
.circle { width: 25px; line-height: 25px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; background-color: #fd7a1c; color: #fff; padding: 3px 7px; font-size: .7em; vertical-align: top; }
.done .circle { background-color: #999; }

#registerSchool td:first-child, #chooseSchool td:first-child, #chooseTeam td:first-child { width: 100px; }
#schools { position: relative; }
.st-input { width: 250px; height: 20px; margin-top: 10px; }
#potentialSchools, #teamPotentialSchools { border: 1px solid #efefef; width: 255px; border-top: 0px; border-bottom: 0px; position: absolute; left: 0px; top: 36px; z-index: 1000; }
#potentialSchools p, #teamPotentialSchools p { border-bottom: 1px solid #efefef; padding: 5px; margin: 0px; background-color: #fff; height: 50px; }
#potentialSchools p img, #teamPotentialSchools p img { padding-right: 5px; display: inline; float: left; }
#potentialSchools p.highlight, #teamPotentialSchools p.highlight { background-color: #22205F; color: #fff; }

.link:hover { text-decoration: underline; cursor: pointer; }

.nodec { list-style:none; margin: 0; padding: 0; }
.nodec li { padding-bottom: 10px; }
.profileImage { float: left; display: inline; padding-right: 10px; }

/************** To Do ******************/
table.tasks { font-size: 12px; }
table.tasks th { }
table.tasks td { border-bottom: 1px solid #efefef; border-top: none; padding: 3px 0px; }
table.tasks td.complete { width: 10px; }
table.tasks td.text { width: 530px; }
table.tasks td.delete { width: 10px; }
table.tasks textarea { width: 490px; height: 15px; }

.deleteTask { color: #777; padding: 0px 3px; line-height: 16px; }
.deleteTask:hover { cursor: pointer; background-color: #22205F; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.addTask { padding: 0px 3px; line-height: 10px; background-color: #85b811; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: right; }
.addTask:hover { cursor: pointer; }


/************** Testimonial ******************/
#updates { position:relative; overflow:hidden; height:85px; width: 300px; }
#updates .updatesScrollable { height:20000em; position:absolute; }
#updates .updatesScrollable .updateContainer { width: 300px; }
#updates .updatesScrollable .updateText { width: 240px; text-align: left; font-size: 13px; }

/* New Merge crap */

.thirds { width: 310px; float: left; display: inline; margin: 0px 5px; }
.underline { border-bottom: 1px dashed; }
.center { text-align: center; }

.ContentFlow .flow .item canvas.content{height:100%;width:100%}.ContentFlow .flow .item.active{cursor:pointer}.ContentFlow .flow .item .caption{font-size:100%;font-weight:700;text-align:center;color:#FFF;max-height:30%;bottom:10%;background:url(http://web.archive.org/web/20110714025015/https://gumballcapital.org/css/img/1x1_0.5_black.png);width:100%;position:absolute;display:none}* html .ContentFlow .flow .item .caption{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/1x1_0.5_black.png')}.ContentFlow .scrollbar{width:50%;height:16px;background:url(http://web.archive.org/web/20110714025015/https://gumballcapital.org/css/img/scrollbar_white.png) left center repeat-x;overflow:visible;position:relative;z-index:1;visibility:hidden;margin:10px auto 0}.ContentFlow .scrollbar .slider{width:16px;height:16px;background:url(http://web.archive.org/web/20110714025015/https://gumballcapital.org/css/img/slider_white.png) center center no-repeat;cursor:move;position:absolute}* html .ContentFlow .scrollbar .slider{background-image:none}* html .ContentFlow .scrollbar .slider .virtualSlider{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='img/slider_white.png');height:100%}.ContentFlow .scrollbar .slider .position{top:120%;font-size:16px;font-weight:700;color:silver;position:absolute;text-align:center}.ContentFlow .globalCaption{text-align:center;font-weight:700;color:#FFF;font-size:14px;height:20px;position:relative;z-index:1;margin:2em auto}.ContentFlow .loadIndicator{width:100%;height:100%;top:0;left:0;background:#000;position:absolute;z-index:65000}.ContentFlow .loadIndicator .indicator{background:url(http://web.archive.org/web/20110714025015/https://gumballcapital.org/css/img/loader.gif) center center no-repeat;width:100%;height:100%}* html .ContentFlow .loadIndicator .indicator{height:100px}.ContentFlow{position:relative;overflow:hidden}.ContentFlow *{margin:0;padding:0}.ContentFlow img{-ms-interpolation-mode:bicubic}.ContentFlow .mouseoverCheckElement{position:absolute;width:0;height:0;left:0;visibility:hidden}.ContentFlow:hover .mouseoverCheckElement{left:1px}.ContentFlow .flow{position:relative;z-index:0;visibility:hidden;width:100%;margin:0 auto}.ContentFlow .flow.hidden{visibility:hidden}.ContentFlow .flow .item{position:absolute;visibility:hidden;top:0;left:0}.ContentFlow .flow .item div.content{width:100%;height:100%}.ContentFlow .flow .item .label{display:none}.ContentFlow .flow .item canvas.reflection{margin-top:-1px}.ContentFlow .flow .item img.content,.ContentFlow .flow .item img.reflection,.ContentFlow .flow .item canvas.reflection{width:100%}.ContentFlow .flow .item .caption a,.ContentFlow .flow .item .caption a:link,.ContentFlow .flow .item .caption a:visited,.ContentFlow .flow .item .caption a:active,.ContentFlow .flow .item .caption a:hover,.ContentFlow .globalCaption .caption a,.ContentFlow .globalCaption .caption a:link,.ContentFlow .globalCaption .caption a:visited,.ContentFlow .globalCaption .caption a:active,.ContentFlow .globalCaption .caption a:hover{color:#FFF;font-size:0.8em;font-style:italic;text-decoration:none}.ContentFlow .flow .item .caption a:hover,.ContentFlow .globalCaption .caption a:hover{text-decoration:underline}.ContentFlow .flow .item .content,.ContentFlow .flow .item .reflection{display:block}

/************** Facebook Input ******************/
ul.token-input-list-facebook {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    width: 90%;
    border: 1px solid #999;
    cursor: text;
    font-size: 14px;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

ul.token-input-list-facebook {
    list-style-type: none;
}

ul.token-input-list-facebook li input {
    border: 0;
    width: 100px;
    padding: 3px 8px;
    background-color: white;
    margin: 2px 0;
}

li.token-input-token-facebook {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    margin: 5px;
    padding: 2px 3px 1px 3px;
    background-color: #eff2f7;
    color: #000;
    cursor: default;
    border: 1px solid #ccd5e4;
    font-size: 14px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
}

li.token-input-token-facebook p {
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token-facebook span {
    color: #a6b3cf;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

li.token-input-selected-token-facebook {
    background-color: #5670a6;
    border: 1px solid #3b5998;
    color: #fff;
}

li.token-input-input-token-facebook {
    float: left;
}

div.token-input-dropdown-facebook {
    position: absolute;
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 11px;
    font-family: Verdana;
    z-index: 1;
}

div.token-input-dropdown-facebook p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777;
}

div.token-input-dropdown-facebook ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown-facebook ul li {
    background-color: #fff;
    padding: 3px;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li em {
    font-weight: bold;
    font-style: none;
}

div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
    background-color: #3b5998;
    color: #fff;
}


/************** General ******************/
.float-right { float: right; }
.error { color:red; }
.hide {  display: none; } 
.right { float: right; }
img { border: none; }
.profileLeft { float: left; display: inline; padding-right: 10px; }
.profileRight { }
.images img:hover { cursor: pointer; }
table { border-spacing: 0px; }
p .removeHidden {display: none; }
p:hover .removeHidden { display: block; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 3px 6px 3px 6px; color: #fff; cursor: pointer; background-color: #22205F; }
p:hover .removeHidden.hide { display: none; }
.smallSave { display: block; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 3px 6px 3px 6px; color: #fff; cursor: pointer; background-color: #85b811; }
.smallSave.hide { display: none; }

/************** Content ******************/
.red { color: #be2a26; } 
.orange { color: #fd7a1c; }
.yellow { color: #f2bd18; } /* 0272FC */
.green { color: #47ac4a; }
.blue { color: #212d96; }
.purple { color: #6c17d4; }

.bubble { margin-bottom: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; height: inherit; }
.bg-blue { border-bottom: 1px solid #00d2ff; }
.bg-green { border-bottom: 1px solid #00ff0c; }
.bg-red { border-bottom: 1px solid #ff1800; }
.bg-orange { border-bottom: 1px solid #ff9000; }
.bg-yellow { border-bottom: 1px solid #fff600; }
.bg-purple { border-bottom: 1px solid #22205F; }

.left { width: 440px; float: left; padding-right: 10px; } /* SHOULD FIX THIS SOMETIME SOON */

/************** Testimonial ******************/
#testimonials { position:relative; overflow:hidden; height:80px; width: 440px; }
#testimonials div.holder { width:20000em; position:absolute; }
#testimonials div.holder div.testimonial { float:left; width: 440px; }
.testimonial-name { font-style: normal; font-size: 10px; color: #111; }
.testimonial img { float: left; display: inline; width: 50px; padding-right: 10px; }
.testimonial p { font-size: 14px; margin: 0px; }
.awards img { padding: 15px 0px 0px 25px; }

/************** Bio ******************/
.profile { width: 140px; text-align: center; float: left; padding-bottom: 15px;  }
.profile .position i { font-size: .8em; }
#overlayContent .image { position: absolute; top: 10px; right: 525px; }
#overlayContent .position { position: absolute; top: 120px; right: 525px; text-align: right; }
#overlayContent .bio { position: absolute; top: 10px; right: 10px; width: 500px; }
#manifesto li, ol.bullets li, ul.bullets li { margin-left: 10px; }

/************** University ******************/
.university .left { width: 250px; background-color: #FFFFEB; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding-left: 5px; }
.university .right { width: 670px; }
.university .left h3 a { color: #ff9000; text-decoration: none; }
.university .left ul li { color: #333; text-decoration: none; }
.university .left h3 a:hover { color: #ff9000; text-decoration: underline; cursor: pointer; }
.university .left ul li:hover { color: #333; text-decoration: underline; cursor:pointer; }
.university .right h1 { font-size: 30px; color: #22205F; border-bottom: 1px dashed #22205F; }
.university .right h2 { color: #47ac4a; }

/********* Overlay *************/
.overlay { display:none; z-index:10000; background-color:#fff; width:675px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } 
.overlay .close {  position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }
.no-overflow { height: 425px; overflow-y: auto; padding: 10px; }
.overlayContent { padding-top: 10px; } 
.overlayItemImage { width: 40%; float: left; }
.overlayItemImage img { width: 100%; }
.overlayItemInfo { width: 60%; float: left; }
.overlayItemInfo p { margin-bottom: 0px; }
.overlay h2 { background-color: #247ea3; color: #fff; padding: 10px; margin: 0px; }

/********* Mailing List Overlay *************/
#mailingList input { width: 200px; float: right; }
#mailingList .overlayContent { padding: 10px; color: red; width: 380px; }
#mailingList { width: 400px; }
.caption { font-size: small; }

/********* Slideshow as seen on World Record page *************/
.slideshow { float: right; position: relative; height: 300px; width: 400px; overflow: hidden; margin: 0px; }
.slideshow .container { width:20000em; position:absolute; overflow: hidden; }
	
/********* Partners Page *************/
.partner-image { width: 120px; padding-right: 20px; float: left; height: 120px; }
.partner-content { float: left; width: 800px; height: 120px; }


/********* Challenge Page *************/
div.gc-pane-left { width: 182px; padding: 0px 10px 0px 0px; float: left; } 
div.gc-pane-middle { width: 536px; padding: 10px 15px 10px 15px; float: left; border-right: 1px solid #999; border-left: 1px solid #999; min-height: 400px; } 
div.gc-pane-middle .img { float: left; display: inline; }
div.gc-pane-right { float: right; width: 182px; padding: 0px 0px 0px 10px; } 
.navigation { list-style-type: none; padding-left: 0px; }
.navigation ul { list-style-type: none; padding-left: 10px; }
.navigation li a { text-decoration: none; color: #22205F; }
.navigation li a:hover { text-decoration: underline; }
div.gc-pane-left h3 { font-size: 14px; font-weight: bold; border-bottom: 1px dashed #333; }
.defaultTextField { color: #333000; }

.updateContainer { display: table; padding: 5px 0px; border-bottom: solid 1px #777; width: 100%; position: relative; }
.updateContainer .user { float: left; display: inline; width: 70px; }
.updateContainer .user .points { font-style: italic; color: #666; }
.updateContainer .user .date { font-size: 80%; color: #888; }
.updateContainer .updateText { float: left; display: inline; width: 460px; padding-left: 10px; }
.updateContainer .updateText p { margin-top: 0px; padding-top: 0px; }

.school { display: inline-table; padding-bottom: 10px; border-bottom: 1px solid #efefef; }
.school > img { float: left; padding-right: 10px; width: 190px; }
.school h3 { margin-bottom: 5px; width: 540px; }
.school p { margin: 0px 0px 3px 0px; padding: 0px; }
.school p img { float: left; }


#search .user { display: inline-table; padding-bottom: 5px; border-bottom: 1px solid #efefef; width: 100%; }
.user h2 { margin-bottom: 5px; }
.user p { margin: 0px 0px 3px 0px; padding: 0px; }

/********* Image Upload *************/
#gc-upload-image { }
#gc-upload-image-pane { }
	#image-note { background-color: #efefef; border: 1px solid #777; font-size: small; font-style: italic; padding: 5px; }
	#gc-image-upload { float: left; display: inline; width: 60px; }
	#gc-image-thumbnails { float: left; display: inline; width: 460px; overflow: hidden; }
	#gc-image-edit { }
		#image-queue { }
		#image-crop { }
			#image-crop-left { width: 400px; height: 200px; display: inline; float: left; }
				#cropbox { }
			#image-crop-right { width: 135px; height: 200px; display: inline; float: left; }
			#image-crop-right p { font-size: 12px; padding: 3px; margin-bottom: 5px; }
				#image-crop-preview { float: left; display: inline; }
				#create-thumbnail { border: none; background-color: #22205F; color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; padding: 3px 5px; float: right; margin-top: 10px; }
				#create-thumbnail:hover { text-decoration: underline; }
	#gc-image-text { }
		#gc-image-text-field { width: 100%; height: 40px; }
			/*fb & tw*/
		#gc-image-finish { }
		
/********* Video Upload *************/
#gc-upload-video { }
#gc-upload-video-pane { }
	#video-note { background-color: #efefef; border: 1px solid #777; font-size: small; font-style: italic; padding: 5px; }
	#gc-video-upload { float: left; display: inline; width: 60px; }
	#gc-video-thumbnails { float: left; display: inline; width: 460px; overflow: hidden; }
	#gc-video-edit { }
		#video-queue { }
		#video-crop { }
			#video-crop-left { width: 400px; height: 200px; display: inline; float: left; }
				#video-cropbox { }
			#video-crop-right { width: 135px; height: 200px; display: inline; float: left; }
				#video-crop-preview { }
	#gc-video-text { }
		#gc-video-title-field { width: 100%; }
		#gc-video-text-field { width: 100%; height: 40px; }
			/*fb & tw*/
		#gc-video-finish { }

/********* Text Upload *************/
.gc-input p { padding: 5px; border-bottom: 1px solid #333; border-top: 1px solid #333; color: #333; font-weight: 500; line-height: 18px; font-size: 18px; margin-bottom: 5px; }
.gc-input p a { background-color: #22205F; color: #fff; text-decoration: none; -moz-border-radius:5px; -webkit-border-radius:5px; padding: 2px 20px; font-size: 12px; margin-left: 10px; }
.gc-input p a:hover { text-decoration:underline; }
#gc-text-text-field { width: 100%; height: 40px; }
#gc-text-finish, #gc-image-finish, #gc-video-finish, #gc-money-finish { background-color: #22205F; color: #fff; -moz-border-radius:5px; -webkit-border-radius:5px; font-size: 14px; padding: 2px 10px; }
#gc-text-finish:hover, #gc-image-finish:hover, #gc-video-finish:hover, #gc-money-finish:hover { text-decoration: underline; }

/********* Money Upload *************/
#gc-money-text-field { width: 100%; height: 40px; }
#gc-money-amount { }

/********* Administer Challenge *************/
#administer .updateContainer { position: relative; }
#administer .delete { position: absolute; top: 0px; right: 0px; }
#administer .delete:hover { cursor: pointer; }

.gc-updates { display: block; margin-bottom: 10px; }
.updateContainer .deleteUpdate { position: absolute; top: 3px; right: 0px; color: #777; padding: 0px 3px; display: none; line-height: 16px; }
.updateContainer:hover .deleteUpdate { display: block; }
.updateContainer:hover .deleteUpdate.hide { display: none; }
.deleteUpdate:hover { cursor: pointer; background-color: #22205F; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.updateContainer .flagUpdate { position: absolute; top: 3px; right: 0px; color: #777; padding: 0px 3px; display: none; line-height: 16px; }
.updateContainer:hover .flagUpdate { display: block; }
.updateContainer:hover .flagUpdate.hide { display: none; }
.flagUpdate:hover { cursor: pointer; background-color: #22205F; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }


/********* Image Cropping *************/
.uploadifyQueueItem { font: 11px Verdana, Geneva, sans-serif; border: 2px solid #E5E5E5; background-color: #F5F5F5; margin-top: 5px; padding: 10px; width: 350px; }
.uploadifyError { border: 2px solid #FBCBBC !important; background-color: #FDE5DD !important; }
.uploadifyQueueItem .cancel { float: right; }
.uploadifyProgress { background-color: #FFFFFF; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; margin-top: 10px; width: 100%; }
.uploadifyProgressBar { background-color: #0099FF; width: 1px; height: 3px; }
a.sociale {  display:block;  width: 320px;  height:240px; text-align:center;  margin:0 320px 15px 0;  float:left;  border:1px solid #999; }
#fileQueue { width: 400px; height: 300px; overflow: auto; border: 1px solid #E5E5E5; margin-bottom: 10px; }
#fileQueue2 { width: 400px; height: 300px; overflow: auto; border: 1px solid #E5E5E5; margin-bottom: 10px; }
a:active { outline:none; }
:focus { -moz-outline-style:none; }
#cropping { margin-top: 20px; }
#cropping .left { width: 600px; float: left; height: 300px; background-color: #efefef; }
#cropping .right { width: 280px; float: left; padding: 10px; height: 280px; background-color: #efefef; }

/********* Jcrop Stuff *************/
.jcrop-holder { text-align: left; }
.jcrop-vline, .jcrop-hline { font-size: 0; position: absolute;) top left repeat; }
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle { font-size: 1px; width: 7px !important; height: 7px !important; border: 1px #eee solid; background-color: #333; *width: 9px; *height: 9px; }
.jcrop-tracker { width: 100%; height: 100%; }
.custom .jcrop-vline, .custom .jcrop-hline { background: yellow; }
.custom .jcrop-handle { border-color: black; background-color: #C7BB00; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

 
.progress { position:absolute;  top:45%;  left:50%;  display:none; } 
.thumbs { display: inline; }
.thumbs a.active img {  outline:1px solid #000;  z-index:9999;  position:relative; }
.simple_overlay { display:none; z-index:10000; background-color:#333; width:675px;	 min-height:200px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000;	}
.simple_overlay .close { position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }
#img { border:1px solid #666; }

/********* Tabs Styling *************/
.tabs { list-style:none; margin: 0px; padding: 0px; height: 30px; border-bottom: 1px solid #22205F; }
.tabs li { float: left; padding: 0px; margin: 0px 15px 0px 0px; list-style-image: none; }
.tabs a { display: block; height: 30px; line-height: 30px; text-align: center; text-decoration: none; color: #fff; background-color: #22205F; padding: 0px 20px; margin: 0px 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
.tabs a:hover { cursor: pointer; }
.tabs .selected, .tabs a:hover { text-decoration: underline; }

div.panes { display: block; position: relative; padding-bottom: 30px; }
div.panes label { margin-bottom:15px; display:block; } /* FIGURE OUT WHAT THIS IS FOR AND RELABEL AS APPROPRIATE */
#wizard .next, #wizard .prev { position:absolute; bottom:-20px; cursor:pointer; display:block; padding:10px 20px; color:#fff; font-size:11px; -moz-border-radius:5px; -webkit-border-radius:5px; border: none; }
.prev { left:0; }
.next { right:0; }
.next:hover, .prev:hover { text-decoration:underline; }
.disabled { visibility:hidden; }
.info { position:absolute; bottom:0; left:0;	 padding:10px 15px; color:#fff; font-size:11px; border-top:1px solid #666; }
.info strong { display:block;	}
.progress { position:absolute; top:45%; left:50%; display:none; }
.next, .prev, .info { background:#22205F; }

/********* QandA Homepage ************ c04116, #9d200a */
#askQuestionButton, .backButton { float: right; font-size: 16px; background-color: #22205F; padding: 5px; color: #fff; font-weight: 300; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; }
#askQuestionButton:visited, .backButton:visited { color: #fff; }
#askQuestionButton:hover, .backButton:hover { text-decoration: underline; cursor: pointer; }
.question { border-bottom: 1px solid #efefef; padding-bottom: 10px; }
.question .stats { width: 75px; float: left; text-align: center; background-color: #efefef; font-size: 12px; color: #333; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; line-height: 1.6em; }
.question .stats .votes { font-size: 24px; font-weight: 500; }
.question .stats .answersC { background-color: #22205F; color: #fff; font-size: 10px; margin-top: 2px; padding: 5px; }
.question .stats .answersC .answers { color: #fff; font-size: 16px; }
.question .stats .viewsC { background-color: #333; font-size: 10px; color: #fff; padding: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;}
.question .stats .viewsC .views { }
.question a { text-decoration: none; }
.question .questionText { width: 450px; padding-left: 5px; float: left; border-bottom: none; color: #222; }

.tag { background-color: #85b811; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 5px; margin-left: 5px; font-size: 12px; display: inline-block; }
.tag a:visited, .tag a, .tag a:hover { color: #fff; }
.tag:hover { text-decoration: underline; }

.question .user { float: right; width: 170px; }
.question .user img { display:inline; float: left; }
.question .user span { display:inline; float: right; padding-left: 5px; font-size: 14px; color: #333; }
	
#askQuestion { }
#askQuestion .overlayContent { margin: 0px; padding: 0px; }
#askQuestion h1 { background-color: #22205F; color: #fff; margin: 0px; padding: 10px; }
#askQuestionForm { padding: 10px; }
#askQuestionForm input { width: 90%; }
#askQuestionForm input[type=submit] { width: auto; }
#askQuestionForm textarea { width: 90%; height: 50px; }
#askQuestionSubmit { background-color: #22205F; border: none; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 5px; }
#askQuestionSubmit:hover { text-decoration: underline; cursor: pointer; }
.defaultTextField { color: #888; }
.underline { border-bottom: 1px solid #777; }

/********* QandA Answer Page ************ c04116, #9d200a */
.questionText { margin: 0px 0px 10px 0px; border-bottom: 1px solid #888; padding-bottom: 2px; }
.questionTags { color: #777; font-size: 12px; margin: 0px;}
.questionTags a { text-decoration: none; }
.questionTags .tag { background-color: #85b811; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 5px; margin-left: 5px; }
.questionTags .tag:hover { text-decoration: underline; }
.questionDetails { }
.questionAnswers { border-bottom: 1px solid #888; }
.answer { margin-bottom: 10px; border-bottom: 1px solid #999; }
.answer .votes { width: 50px; height: auto; float: left; text-align: center; }
.answer .voteup { cursor: pointer; }
.answer .number { font-size: 36px; color: #22205F; }
.answer .votedown { cursor: pointer; }
.answer .text { width: 485px; float: left; }
.answer .user { float: right; padding-bottom: 10px; }
.answer .user a { text-decoration: none; }
.answer .user img { display:inline; float: left; }
.answer .user span { display:inline; float: right; padding-left: 5px; font-size: 14px; color: #333; }
#answerQuestionForm { }
#answerQuestionForm textarea { width: 100%; height: 50px; }
#answerQuestionSubmit { background-color: #22205F; border: none; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 5px; }
#answerQuestionSubmit:hover { text-decoration: underline; cursor: pointer; }

/********* Inbox Homepage *************/
#backToInbox, #newMessageButton { float: right; font-size: 16px; background-color: #22205F; padding: 5px; color: #fff; font-weight: 300; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; }
#backToInbox { padding-right: 10px; margin-right: 10px;  }
#newMessage { }
#newMessage .overlayContent { margin: 0px; padding: 0px; }
#newMessage h1 { padding: 10px; background-color: #22205F; color: #FFF; margin: 0px; }
#newMessageForm { padding: 10px; }
#newMessageForm input { width: 90%; height: 20px; }
#newMessageForm textarea { width: 90%; height: 50px; }
#newMessageForm input[type=submit] { border: none; background-color: #22205F; color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; width: auto; height: auto; padding: 5px; }
#newMessageForm input[type=submit]:hover { text-decoration: underline; }

#replyMessageForm p { }
#replyMessageForm textarea { width: 100%; height: 50px; }
#replyMessageForm input[type=submit] { border: none; background-color: #22205F; color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; padding: 5px; }
#replyMessageForm input[type=submit]:hover { text-decoration: underline; }

#messages { }
#messages table { width: 100%; }
#messages td { vertical-align: top; border-bottom: 1px solid #999; padding: 5px 0px; }
#messages td { width: 60px; }
#messages td + td { width: 100px; }
#messages td + td + td { padding-left: 10px; width: 480px; vertical-align: middle; }
#messages td + td + td a { color: #22205F; text-decoration: none; }
#messages td + td + td a:hover { text-decoration: underline; }
#messages .people { font-size: 14px; }
#messages .date { font-size: 12px; color: #777; }
#messages .viewMessageButton { font-size: 14px; }
#messages .deleteMessage { float: right; cursor: pointer; color: #666; font-size: 1.4em; padding: 0px 6px 3px 6px; }
#messages .deleteMessage:hover { float: right; cursor: pointer; color: #333; background-color: #efefef; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

#viewMessages { }
#viewMessages h3 { border-bottom: 1px solid #777; color: #555; padding-bottom: 5px; }
#viewMessages table { width: 100%; }
#viewMessages td { width: 11%; border-bottom: 1px solid #efefef; padding: 5px; }
#viewMessages td + td { width: 89%; vertical-align: middle; }
#viewMessages .user { }
#viewMessages .messageText { }
.unread td { background-color: #efefef; }

/************** Stats ******************/
#statsPanes table { width: 100%; padding-top: 10px; }
#statsPanes td.middle, #statsPanes th.middle { width: 80%; }
#statsPanes td, #statsPanes th { width: 10%; text-align: center; }

/************** Slideshow ******************/
#slideshow { width: auto; height: auto; position: absolute; top: 100px; }
#slideshow .overlayContent { margin: 0px; padding: 0px; background-color: #333; }
#slideshow .prev, #slideshow .next { background-color: #333; position:absolute; cursor:pointer; padding:10px 20px; color:#fff; font-size:11px; border: none; }
#slideshow .prev { left: -63px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px;}
#slideshow .next { right: -63px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;}
#slideshow img { max-height: 600px; max-width: 900px; }
#slideshow .close {  position: absolute; top: -15px; right: -15px; width: 35px; height: 35px; }

.date {
	text-align:center;
}

#calroot {
	
	z-index:10000;
	
	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fff;
	font-size:11px;
	border:1px solid #ccc;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;	
}

#calhead {	
	padding:2px 0;
	height:22px;
} 

#caltitle {
	font-size:14px;
	color:#0150D1;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent  no-repeat scroll center center;
	float:left;
	cursor:pointer;
}

#calnext {
	
	float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;	
}

/* year/month selector */
#caltitle select {
	font-size:10px;	
}

/* names of the days */
#caldays {
	height:14px;
	border-bottom:1px solid #ddd;
}

#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}

/* container for weeks */
#calweeks {
	background-color:#fff;
	margin-top:4px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 		
} 

/* different states */
.calweek a:hover, .calfocus {
	background-color:#ddd;
}

/* sunday */
a.calsun {
	color:red;		
}

/* offmonth day */
a.caloff {
	color:#ccc;		
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);		
}


/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
}

/* today */
#caltoday {
	background-color:#333;
	color:#fff;
}

/******************* Nivo Slider *******************/
#slider-wrapper { width:710px; height:578px; margin: 20px 0px 20px 125px; }
.nivoSlider { position:relative; }
.nivoSlider img { position:absolute; top:0px; left:0px; width:710px; }
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; }
.nivo-slice { display:block; position:absolute; z-index:50; height:100%; }
.nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; width:100%; z-index:89; }
.nivo-caption p { padding:5px; margin:0; }
.nivo-caption a { display:inline !important; }
.nivo-html-caption { display:none; }
.nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; }
.nivo-prevNav { left:0px; }
.nivo-nextNav { right:0px; }
.nivo-controlNav a { position:relative; z-index:99; cursor:pointer; }
.nivo-controlNav a.active { font-weight:bold; }
.nivo-controlNav { position:absolute; left:260px; bottom:-30px; }
.nivo-controlNav a { display:block; width:22px; height:22px; text-indent:-9999px; border:0; margin-right:3px; float:left; }
.nivo-controlNav a.active { background-position:0 -22px; }
.nivo-directionNav a { display:block; width:39px; height:92px; text-indent:-9999px; border:0; }
a.nivo-nextNav { background-position:-53px 0; right: -10px; }
a.nivo-prevNav { left: -20px; }
.nivo-caption { text-shadow:none; font-family: Helvetica, Arial, sans-serif; }
.nivo-caption a { color:#efe9d1; text-decoration:underline; }