/*
1. UID STYLES
1.1 RESETS
1.2 FONTS
1.3 ANCHORS
1.4 HEADERS
1.5 LISTS
1.6 TABLES
1.7 IMAGES
1.8 FORMS
1.9 UTILITY CLASSES

2. GENERIC WIDGET STYLES
2.1 LAYOUT
2.2 HEADER ELEMENTS
2.3 TABS / SOCIAL
2.4 CHAMPIONS
2.5 COUNTER
2.6 ADD WIDGET / SUBMIT
2.7 SUPPORT US
2.8 TWITTER

3. INDIVIDUAL WIDGETS
3.1 500x280
3.2 300x250
3.3 728x90
3.4 160x600
3.5 300x400 
3.6 200x400
*/
/*------------------------------------------------------------------
1. UID STYLES
------------------------------------------------------------------*/
/*------------------------------------------------------------------
1.1 RESETS
------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #fff;
	color: #000;
	font-size: 62.5%;
	text-align: left;
}

h1,h2,p,dl,ol,ul,table,.tab-content {
	margin-bottom: .7em;
}

/*------------------------------------------------------------------
1.2 FONTS
------------------------------------------------------------------*/
body,input,textarea,select {
	font-family: Arial, sans-serif;
}

h1,h2,h3,h4,h5,h6,.lead,.widget .tabs li a,.widget .social li a,a.add-widget,input.submit {
	font-family: Arial, sans-serif;
}

h1 {
	font-family: Arial, sans-serif;
}

/*------------------------------------------------------------------
1.3 ANCHORS
------------------------------------------------------------------*/
a {
	text-decoration: underline;
}

/*------------------------------------------------------------------
1.4 HEADERS
------------------------------------------------------------------*/
h1 {
/*18pt*/
	font-size: 1.35em;
	text-transform: uppercase;
}

h2 {
/*14pt*/
	font-size: 1.16em;
	text-transform: uppercase;
	letter-spacing: -1px;
}

h3 {
/*13pt*/
	font-size: 1.08em;
	margin-bottom: .25em;
	text-transform: uppercase;
}

h4,h5,h6 {
	font-size: 1em;
}

/*------------------------------------------------------------------
1.5 LISTS
------------------------------------------------------------------*/
ul ul,ol ol,ol ul,ul ol {
	margin: 0 0 0 2em;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

li {
	margin: 0 0 0 2em;
}

dt {
	display: block;
	float: left;
}

dd {
	margin-left: 10em;
}

/*------------------------------------------------------------------
1.6 TABLES
------------------------------------------------------------------*/
caption {
	display: block;
}

table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}

th,td {
	border: 1px solid #fff;
	padding: 2px 5px;
}

/*------------------------------------------------------------------
1.7 IMAGES
------------------------------------------------------------------*/
img {
	border: 0;
	display: block;
}

/*------------------------------------------------------------------
1.8 FORMS
------------------------------------------------------------------*/
fieldset {
	border: 0;
	position: relative;
	z-index: 2;
}

legend {
	display: block;
}

label {
	cursor: pointer;
	display: block;
}

input:focus {
	background: #ccc;
}

.element {
	float: left;
	width: 55%;
}

textarea {
	font-size: 100%;
	width: 95%;
}

select {
	width: 100%;
}

/*------------------------------------------------------------------
1.9 UTILITY CLASSES
------------------------------------------------------------------*/
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	display: inline-table;
}

/* hide from IE-mac \*/
.clear,.caption {
	display: block;
}

/* end hide from IE-mac */
.replaced {
	display: block;
	overflow: hidden;
	text-indent: -5000px;
}

.hidden {
	display: block;
	height: 1px;
	left: -5000px;
	line-height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	text-indent: -5000px;
	width: 1px;
}

.center {
	text-align: center;
}

/*------------------------------------------------------------------
2. GENERIC WIDGET STYLES
------------------------------------------------------------------*/
.aside p {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 10px;
}

/*------------------------------------------------------------------
2.1 LAYOUT
------------------------------------------------------------------*/
.widget {
	background: #161616 url(../images/generic/bg-widget-stretched.jpg) scroll repeat bottom left;
	color: #fff;
	font-size: 1.14em;
	position: relative;
}

.widget .background {
	padding: 10px;
}

.widget .primary,.widget .aside {
	float: left;
}

.widget a {
	color: #fff;
}

/*------------------------------------------------------------------
2.2 HEADER ELEMENTS
------------------------------------------------------------------*/
.widget h1 {
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 10px;
}

.widget h3 {
	font-weight: 400;
}

.widget .logo {
	background: url(../images/generic/1goal-logo_m.png) scroll no-repeat center center;
	display: block;
	height: 54px;
	position: absolute;
	right: 0;
	top: 0;
	width: 104px;
}

/*------------------------------------------------------------------
2.3 TABS / SOCIAL
------------------------------------------------------------------*/
.widget .tabs {
	background: url(../images/bg-page-nav-div.gif) scroll bottom left repeat-x;
	z-index: 100;
}

.widget .tabs ul,.widget ul.social {
	list-style-type: none;
	margin: 3px 0 3px 0;
	display:block;
	overflow:hidden;
	height:25px;
}

.widget .tabs li,.widget ul.social li {
	margin: 0;
	display: block;
	float:left;
	overflow:hidden;
}

.widget .tabs a {
	color: #e4e4e4;
	display: block;
	float: left;
	font-size: 1.16em;
	font-weight: 700;
	margin: 0 5px 0 0;
	text-decoration: none;
	text-transform: uppercase;
	padding: 4px 10px;
}

.widget .tab-content .tabs {
	background: none;
}

body .widget .tab-content .tabs li a,body .widget .social li a {
	background: #000 url(../images/generic/bg-button.png) scroll repeat-x top left;
	border: 2px solid #b5b5b5;
/*border: 2px solid rgba(91,91,91,0.5);*/
	font-size: 1em;
	font-weight: 400;
	padding: 3px;
	text-decoration: none;
	text-transform: uppercase;
}

.social a.back {
	display: block;
	margin-bottom: 10px;
}

body .widget .tab-content .tabs li a span,body .widget .social li a span {
	background: url(../images/icons/tabs-icons.png) -100px -100px no-repeat;
}

body .widget .tab-content .tabs li.email a span,body .widget .social li.email a span {
	background-position: 0 0;
	padding-left: 15px;
}

body .widget .tab-content .tabs li.facebook a span,body .widget .social li.facebook a span {
	background-position: 0 -28px;
	padding-left: 15px;
}

body .widget .tab-content .tabs li.twitter a span,body .widget .social li.twitter a span {
	background-position: 0 -56px;
	padding-left: 15px;
}

.widget .tabs a:hover,.tabs a.selected {
	background-image: url(../images/box-gradient.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: #2e2e2e;
	border: 1px solid #494949;
	border-bottom: none;
	padding: 3px 9px;
}

.widget .tab-content {
	background-image: url(../images/box-gradient.png);
	background-position: 0 -24px;
	background-repeat: repeat-x;
	background-color: #2e2e2e;
	border-bottom: 1px solid #494949;
	border-left: 1px solid #494949;
	border-right: 1px solid #494949;
	padding: 8px 10px 1px;
}

body .widget .tab-content .tab-content {
	background: transparent;
	border: 0;
	margin-bottom: 0;
	padding: 8px 0 1px;
	width: auto;
}

/*------------------------------------------------------------------
2.4 CHAMPIONS
------------------------------------------------------------------*/
#champion {
	height: 156px;
	z-index: 1;
	width: 132px;
}

/*------------------------------------------------------------------
2.5 COUNTER
------------------------------------------------------------------*/
.widget .count {
	font-size: .9em;
	font-weight: 400;
	line-height: 2;
	text-align: center;
	text-transform: uppercase;
}

.widget .count span {
	display: block;
}

.widget .counter {
	background: url(../images/bg-count-top.png) scroll no-repeat top left;
	color: #693030;
	display: block;
	font-size: 2em;
	font-weight: 700;
	margin: 0 auto 10px;
	padding: 6px 10px 2px;
	position: relative;
	text-align: center;
	width: 66px;
}

.widget .counter span {
	background: url(../images/bg-count-bottom.png) scroll no-repeat bottom left;
	bottom: -4px;
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	width: 100%;
}

/*------------------------------------------------------------------
2.6 ADD WIDGET / SUBMIT
------------------------------------------------------------------*/
a.add-widget {
	background: #5c0303;
	border: 2px solid #3d0d0d;
	border-color: #9d5a5a #3d0d0d #917a7a #621313;
	font-size: 10px;
	font-weight: 400;
	padding: 2px 2px;
	text-decoration: none;
	text-transform: none;
	position: absolute;
}

input.submit {
	background: #173b53;
	border: 2px solid #53606a;
	border-color: #a9becd #53606a #818990 #889aa7;
	color: #fff;
	cursor: pointer;
	font-size: 10px;
	font-weight: 400;
	padding: 2px 2px;
	text-decoration: none;
	text-transform: none;
	width: auto!important;
}

/*------------------------------------------------------------------
2.7 SUPPORT US
------------------------------------------------------------------*/
.support-us ul {
	margin-bottom: 0;
}

.support-us li {
	float: left;
	list-style-type: none;
	margin: 0 2px 0 0;
}

.support-us a {
	height: 19px;
	padding-left: 0;
	width: 19px;
}

a.facebook {
	background-image: url(../images/icons/facebook.png);
}

a.flickr {
	background-image: url(../images/icons/flickr.png);
}

a.twitter {
	background-image: url(../images/icons/twitter.png);
}

a.youtube {
	background-image: url(../images/icons/youtube.png);
}

/*------------------------------------------------------------------
2.8 TWITTER
------------------------------------------------------------------*/
#latest-tweet {
	background: transparent url(../images/bg-latest-tweet.png) scroll repeat top left;
	font-size: .8em;
	list-style-type: none;
	margin-bottom: 0;
	padding: 8px 8px 1px;
}

#latest-tweet li {
	margin: 0;
}

/*------------------------------------------------------------------
3. INDIVIDUAL WIDGETS
------------------------------------------------------------------*/
/*------------------------------------------------------------------
3.1 500x280
------------------------------------------------------------------*/
.w500-h280 {
	_height: 280px;
	min-height: 280px;
	width: 500px;
	background: url(../images/500x280/bg-widget.jpg) !important;
}

.w500-h280 h1 {
	*font-size: 13px;
	line-height: 13px;
	margin-bottom: 20px !important;
}

.w500-h280 #latest-tweet,.w500-h280 .support-us {
	display: none;
}

.w500-h280 .primary {
	margin-right: 10px;
	width: 480px;
	_width: 344px;
}

.w500-h280 .aside {
	padding-top: 50px;
	width: 123px;
}

.w500-h280 .tab-content {
	margin-bottom: 0;
}

.w500-h280 .tab {
	height: 173px;
	*height: 170px;
}

.w500-h280 .tab .tab {
	min-height: 140px;
	position: relative;
}

.tab {
	font-size: 10px;
}

.w500-h280 .count {
	margin-bottom: 1em;
}

.w500-h280 #champion {
	position: absolute;
	right: -10px;
	bottom: 0px;
}

.w500-h280 fieldset {
	width: 75%;
}

.w500-h280 form .element {
	margin-bottom: .25em;
	*margin-bottom: none !important;
}

#widget500280Form .element {
	overflow: hidden;
}

#widget500280Form .element #first-name, #widget500280Form .element #last-name, #widget500280Form .element #email-address, #widget500280Form .element select, #widget500280Form .element select option {
	width: 180px;
	*font-size: 10px;
	*padding: 0;
}

#widget500280Form .submit {
	width: 200px;
}

.w500-h280 .add-widget	{position: absolute; bottom: 9px; right: 9px;}
.w500-h280 #facebook {position: absolute; bottom: 9px; left: 11px;}
.w500-h280 #twitter  {position: absolute; bottom: 9px; left: 45px;}


/*------------------------------------------------------------------
3.2 300x250
------------------------------------------------------------------*/
.w300-h250 {
	height: 250px;
	width: 300px;
}

body .w300-h250 .primary,body .w300-h250 .aside {
	float: none;
	width: 100%;
}

.w300-h250 .tabs a {
	padding: 4px;
	margin-right: 5px;
}

.w300-h250 .count {
	float: left;
}

.w300-h250 .signups {
	float: left;
	width: 70px;
}

.w300-h250 .counter {
	margin-left: 80px;
}

.w300-h250 .tabs a:hover,.w300-h250 a.selected {
	padding: 3px;
}

.w300-h250 .add-widget {
	position: absolute;
	right: 10px;
	bottom: 8px;
	z-index: 1000;
}

.w500-h280 .tab-content {
	margin-bottom: 0;
}

.w300-h250 .tab {
/*min-height:190px;*/
font-size: 10px;
}

.w300-h250 .tab .tab {
/*min-height:140px;*/
	position: relative;
}

.w300-h250 .logo {right: 10px !important;}

.w300-h250 #champion {
	position: absolute;
	right: -10px;
	bottom: -2px;
	width: 126px;
	height: 115px;
	z-index: 0;
}

.w300-h250 form {
	position: relative;
	z-index: 10;
}

.w300-h250 form .element {
	margin: 0 5px 1px 0;
	/* width: 85px; */
}

.w300-h250 form .element * {
	width: 85px;
}

.w300-h250 form .element.submit {
	width: 185px;
}

.w300-h250 form * {
	font-size: 10px;
}

.w300-h250 form .element input	{
	border: 0;
}

.w300-h250 #facebook {position: absolute; bottom: 9px; left: 11px;}
.w300-h250 #twitter  {position: absolute; bottom: 9px; left: 45px;}


/*------------------------------------------------------------------
3.3 728x90
------------------------------------------------------------------*/
.w728-h90 {
	width: 728px;
	height: 90px;
}

.w728-h90 .background {
	padding-left: 120px;
}

.w728-h90 #champion {
	background-position: 3px 5px;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 132px;
	height: 90px;
}

.w728-h90 .logo {
	background-image: url(../images/generic/1goal-logo_m.png);
	left: 9px;
	top: 9px;
	width: 101px;
	height: 42px;
}

.w728-h90 .clear p {
	margin-bottom: 0;
}

.w728-h90 h1 {
	margin: 0;
	padding: 0;
	text-align: left;
	position: absolute;
	/* right: 92px; */
	top: 10px;
}

.w728-h90 .add-widget {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.w728-h90 .tab-content h2 {
	display: none;
}

.w728-h90 .join h2 {
	margin-bottom: .2em;
}

.w728-h90 .join p {
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align: left;
	margin-bottom: 6px;
}

.w728-h90 input,.w728-h90 select {
	width: 100%;
	margin-bottom: 3px;
}

.w728-h90 fieldset {
	float: left;
}

.w728-h90 input.submit {
	margin-top: -4px;
}

.w728-h90 .element {
	width: 80px;
	margin-right: 5px;
}

body .widget .social li a {
	float: left;
}

.w728-h90 .social {
	position: relative;
}

.w728-h90 .social a.back {
	display: block;
	margin-bottom: 10px;
	position: absolute;
	top: -8px;
	right: -4px;
}

.w728-h90 .tab-content {
	width: 450px;
	margin-top: 16px;
}

.w728-h90 .tab-content li a {
	margin-left: 6px;
}

.w728-h90 ul.social {
	float: right;
	position: relative;
	margin-top: -16px;
}

.w728-h90 input,.w728-h90 select {
	width: 100%;
	margin-bottom: 3px;
}

.w728-h90 #facebook a.FB_Link img {
	margin: 0 auto 10px;
}

.w728-h90 #facebook {position: absolute; top: 52px; left: 465px;}
.w728-h90 #twitter  {position: absolute; top: 52px; left: 494px;}


/*------------------------------------------------------------------
3.4 160x600
------------------------------------------------------------------*/
.w160-h600 {
	width: 160px;
	height: 552px;
	padding-top: 68px;
	position: relative;
}

.w160-h600 .background {
	padding-bottom: 3em;
}

.w160-h600 .logo {
	left: 10px;
	top: 10px;
}

.w160-h600 .tab {
	min-height: 210px;
}

.w160-h600 h1 {
	padding-right: 0;
	padding-bottom: 8px;
}

.w160-h600 h1 .vcard {
	display: block;
}

.w160-h600 .add-widget {
	position: absolute;
	bottom: 13px;
	right: 13px;
}

.w160-h600 .join h2 {
	margin-bottom: .2em;
}

.w160-h600 .join p {
	color: #e4e2e2;
/*
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.06em;
*/
	margin-bottom: 15px;
}

.w160-h600 ul.social li {
	display: block;
}

.w160-h600 ul.social li a {
	display: block;
	margin-bottom: 10px;
}

.w160-h600 .social h2 {
	font-size: 1.2em;
	margin-bottom: .2em;
}

.w160-h600 .element {
	width: auto;
	float: none;
}

.w160-h600 input,.w160-h600 select {
	width: 100%;
	margin-bottom: 3px;
}

.w160-h600 input.submit {
	margin-bottom: 0;
}

.w160-h600 #facebook a.FB_Link img {
	margin: 0 auto 10px;
}

.w160-h600 #champion {
	background-position: 7px 20px;
	background-repeat: no-repeat;
	height: 152px;
	width: 138px;
	margin: 0 -10px -1px;
}

.w160-h600 #facebook {position: absolute; bottom: 9px; left: 11px;}
.w160-h600 #twitter  {position: absolute; bottom: 9px; left: 45px;}


/*------------------------------------------------------------------
3.5 300x400 
------------------------------------------------------------------*/
.w300-h400 {
	_height: 400px;
	min-height: 400px;
	width: 300px;
}

body .w300-h400 .primary,body .w300-h400 .aside {
	float: none;
	width: 100%;
}

.w300-h400 .tabs a {
	padding: 4px;
	margin-right: 5px;
}

.w300-h400 .count {
	float: left;
}

.w300-h400 .signups {
	float: left;
	width: 70px;
}

.w300-h400 .counter {
	margin-left: 80px;
}

.w300-h400 .tabs a:hover,.w300-h400 a.selected {
	padding: 3px;
}

.w300-h400 .add-widget {
	float: right;
}

.w500-h280 .tab-content {
	margin-bottom: 0;
}

.w300-h400 .tab {
	min-height: 190px;
}

.w300-h400 .tab .tab {
	min-height: 240px;
	position: relative;
}

.w300-h400 #champion {
	position: absolute;
	right: -10px;
	bottom: -19px;
}

.w300-h480 fieldset {
	width: 75%;
}

.w300-h400 form .element {
	margin-bottom: .25em;
}

.w300-h400 .add-widget	{position: absolute; bottom: 9px; right: 9px;}
.w300-h400 #facebook {position: absolute; bottom: 9px; left: 11px;}
.w300-h400 #twitter  {position: absolute; bottom: 9px; left: 45px;}


/*------------------------------------------------------------------
3.6 200x400
------------------------------------------------------------------*/
.w200-h400 {
	height: 400px;
	width: 200px;
}

.w200-h400 .background {
	padding-top: 60px;
}

.w200-h400 .logo {
	background-image: url(../images/generic/1goal-logo_m.png);
	left: 24px;
	top: 9px;
	width: 157px;
	height: 42px;
}

.w200-h400 .aside {
	width: 100px;
	margin: -65px 0 0 12px;
}

.w200-h400 #champion {
	width: 115px;
	height: 90px;
	float: right;
	background-position: -3px 0px;
	background-repeat: no-repeat;
	margin: -33px -10px -1px 0;
}

.w200-h400 input,.w200-h400 select {
	width: 100%;
	margin-bottom: 3px;
}

.w200-h400 .element {
	width: 72px;
	margin-right: 5px;
}

.w200-h400 ul.social {
	margin-right: -10px;
}

.w200-h400 .tab .social {
	margin-bottom: -30px;
	font-size: 10px;
}

.w200-h400 ul.social li a {
	display: block;
	margin-bottom: 5px;
	margin-right: 5px;
}

.w200-h400 .add-widget	{position: absolute; bottom: 9px; right: 9px;}
.w200-h400 #facebook {position: absolute; bottom: 9px; left: 11px;}
.w200-h400 #twitter  {position: absolute; bottom: 9px; left: 45px;}

/*------------------------------------------------------------------
CSS 3
------------------------------------------------------------------*/
.widget .tab-content,.social li a {
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
}

.widget .tabs a,.social li a {
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	font-size: 8px;
}

a.add-widget,input.submit {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

.widget .tab-content .tabs a {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#latest-tweet {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.w300-h250 #champion #champion_inner{width:126px;height:115px;}