/*
	MSA CSS
	CREATED:10.03.09
	MODIFIED:15.04.10
	AUTHOR:ANDY FIELD
*/

/*
	COLOURS
	BACKGROUND:#caeaf8
	DARK BLUE:#003c7b
	MID BLUE:#00adef
*/

/* RESET
******************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,button,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

a img,:link img,:visited img {
	border:none;
}

:link,:visited {
	text-decoration:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset, img { 
	border:0;
}

address,abbr,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

img {
	border:none;
}

ol,ul,dl {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6,pre,code {
	font-size:100%;
	font-weight:normal;
	line-height:100%;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}

/* BASE
******************************************/

html {
	height:101%;
}

html>body {
	font-size:12px;
}

body {
	background:#fff url(../assets/background-new.png) 50% 0 repeat-x;
	color:#111;
	font-family:"Helvetica Neue",Arial,Helvetica,"Lucida Grande",sans-serif;
	font-size:75%;
	line-height:1.5em; 
	text-align:center;
}

input,select,textarea {
	border:2px solid #caeaf8;
	font-family:"Helvetica Neue",Arial,Helvetica,"Lucida Grande",sans-serif;
	font-size:100%;
	padding:.375em;
}

#skip {
	height:0;
	margin:0;
	overflow:hidden;
	position:relative;
	text-indent:-3000em;
	width:0;
}

a:link,
a:visited {
	border-bottom:1px solid #caeaf8;
	color:#00adef;
	text-decoration:none;
}

a:hover,
a:active {
	border-bottom:1px solid #00adef;
	color:#00adef;
	text-decoration:none;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* Hide from IE Mac \*/
.clearfix {
	display:block;
}
/* End hide from IE Mac */

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

hr {
	height:1px;
	color:#caeaf8;
	margin:0.75em 0 1.5em 0;
	padding:0;
	background-color:#caeaf8;
	border:0;
}

/* TYPOGRAPHY
******************************************/

p,dl,ol,ul,td,th {
	font-size:1em;
	line-height:1.5em;
}

p {
	margin:0 0 0.75em 0;
}

dl,ol,ul {
	margin:0 0 1.5em 0;
}

h1,h2,h3,h4,h5,h6 {
	color:#003c7b;
	font-weight:bold;
}

h1 { /* 26 */
	border-bottom:1px solid #caeaf8;
	color:#00adef;
	font-size:2.166667em;
	line-height:1.038462em;
	margin:0 0 0.692308em 0;
	padding:0 0 0.346154em 0;
}

h2 { /* 22 */
	font-size:1.833333em;
	line-height:1.227273em;
	margin:0 0 0.6136365em 0;
}

h3 { /* 16 */
	font-size:1.333333em;
	line-height:1.125em;
	margin:0 0 0.5625em 0;
}

h4,h5,h6 { /* 13 */
	font-size:1.083333em;
	line-height:1.384615em;
	margin:0 0 0.346154em 0;
}

.highlight h3 { /* 14 */
	font-size:1.166667em;
	line-height:1.285714em;
	margin:0 0 0.3214285em 0;
}

/* blockquote {
	font-size:1.333333em;
	line-height:1.125em;
	margin:0 0 0.5625em 0;
} */

blockquote {
	font-size:1.083333em;
	font-style:italic;
	line-height:1.384615em;
	padding:0.75em 0 1.5em 0;
}

blockquote p {
	margin:0;
}

p cite {
	color:#555;
	margin:0.75em 0 0 0;
}

p.intro { /* 13 */
	font-size:1.083333em;
	font-weight:bold;
	line-height:1.384615em;
	margin:0 0 1.384615em 0;
}

/* DECORATION
******************************************/

p.message {
	background:#fff1a3;
	border:1px solid #ffea72;
	font-size:1.083333em;
	line-height:1.384615em;
	margin:0 0 1.5em 0;
	padding:0.75em;
}

p.note {
	font-style:italic;
}

#main ul,
#tab-main ul {
	list-style-type:disc;
}

#main li,
#tab-main li {
	margin:0 4em;
	padding:0.375em 0;
}

.ui-tabs-hide {
	display:none;
}

#sidebar ul {
	margin:4.5em 0 0 10px;
	width:150px;
}

#sidebar li {
	display:block;
	height:1%; /* IE6 FIX */
}

#sidebar li a {
	background:#00adef url(../assets/sprite.png) -220px -200px no-repeat;
	border:none;
	color:#fff;
	display:block;
	font-weight:bold;
	margin:0 0 1px 0;
	width:114px;
	padding:4px 10px 4px 28px;
}

#sidebar li a:hover,
#sidebar li a.active,
#sidebar li.ui-tabs-selected a {
	background:#003c7b url(../assets/sprite.png) -220px -280px no-repeat;
}

img.i {
	margin:0.75em 0 1.5em 0;
}

img.ir {
	float:right;
	margin:0 -150px 0 0;
	position:relative;
	z-index:10;
}

img.il {
	float:left;
	margin:0 0 0 -220px;
	position:relative;
	z-index:10;
}

img.il-alt {
	float:left;
	margin:140px 0 0 -220px;
	position:relative;
	z-index:10;
}

/* img.il {
	display:none;
} */

a.top {
	background:#fff url(../assets/top.png) 0 0 no-repeat;
	display:block;
	height:33px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	text-indent:-3000em;
	width:600px;
}

a.top:hover {
	background:#fff url(../assets/top.png) 0 -33px no-repeat;
}

a.top:link,
a.top:visited,
a.top:active,
a.top:hover {
	border:none;
}

#share {
	height:26px;
	margin:1.5em 0;
	text-align:center;
	width:940px;
}

#share ul {
	margin:0 auto;
	width:204px;
}

#share li {
	display:block;
	float:left;
	line-height:2.5em;
	padding:0 4px;
}

#share li a {
	border:none;
	display:block;
	float:left;
	height:26px;
	overflow:hidden;
	position:relative;
	text-indent:-3000em;
	width:26px;
}

#share li a.digg {
	background:#ddd url(../assets/social-icons.png) 0 0 no-repeat;
}

#share li a.delicious {
	background:#ddd url(../assets/social-icons.png) -34px 0 no-repeat;
}

#share li a.facebook {
	background:#ddd url(../assets/social-icons.png) -68px 0 no-repeat;
}

#share li a.google {
	background:#ddd url(../assets/social-icons.png) -102px 0 no-repeat;
}

#share li a.stumbleupon {
	background:#ddd url(../assets/social-icons.png) -136px 0 no-repeat;
}

#share li a.yahoo {
	background:#ddd url(../assets/social-icons.png) -170px 0 no-repeat;
}

#tooltip {
	background:#fff1a3;
	border:1px solid #ffec83;
	color:#000;
	display:none;
	padding:2px 5px;
	position:absolute;
	width:120px;
}	

a.enterbtn,
a.enterbtn:visited {
	background:url(../assets/sprite.png) -400px -200px no-repeat;
	border:none;
	cursor:pointer;
	display:block;
	height:34px;
	overflow:hidden;
	position:relative;
	text-indent:-3000em;
	width:110px;
}

a.enterbtn:hover {
	background:url(../assets/sprite.png) -400px -250px no-repeat;
	border:none;
}
	
a.enterbtn:active {
	background:url(../assets/sprite.png) -400px -300px no-repeat;
	border:none;
}

button.registerbtn,
button.registerbtn:visited {
	background:#ddd url(../assets/sprite.png) -810px -200px no-repeat;
	border:none;
	cursor:pointer;
	display:block;
	height:34px;
	overflow:hidden;
	position:relative;
	text-indent:-3000em;
	width:110px;
}

button.registerbtn:hover {
	background:url(../assets/sprite.png) -810px -250px no-repeat;
	border:none;
}
	
button.registerbtn:active {
	background:url(../assets/sprite.png) -810px -300px no-repeat;
	border:none;
}

button.uploadbtn,
button.uploadbtn:visited {
	background:#ddd url(../assets/sprite.png) -1080px -200px no-repeat;
	border:none;
	cursor:pointer;
	display:block;
	height:34px;
	overflow:hidden;
	position:relative;
	text-indent:-3000em;
	width:110px;
}

button.uploadbtn:hover {
	background:url(../assets/sprite.png) -1080px -250px no-repeat;
	border:none;
}
	
button.uploadbtn:active {
	background:url(../assets/sprite.png) -1080px -300px no-repeat;
	border:none;
}

button.votebtn,
button.votebtn:visited {
	background:#ddd url(../assets/sprite.png) -950px -340px no-repeat;
	border:none;
	cursor:pointer;
	display:block;
	height:34px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	text-indent:-3000em;
	width:110px;
}

button.votebtn:hover {
	background:url(../assets/sprite.png) -950px -390px no-repeat;
	border:none;
}
	
button.votebtn:active {
	background:url(../assets/sprite.png) -950px -440px no-repeat;
	border:none;
}

a.signinbtn,
a.signinbtn:visited,
button.signinbtn,
button.signinbtn:visited {
	background:#ddd url(../assets/sprite.png) -950px -200px no-repeat;
	border:none;
	cursor:pointer;
	display:block;
	height:34px;
	overflow:hidden;
	position:relative;
	text-indent:-3000em;
	width:110px;
}

a.signinbtn:hover,
button.signinbtn:hover {
	background:url(../assets/sprite.png) -950px -250px no-repeat;
	border:none;
}
	
a.signinbtn:active,
button.signinbtn:active {
	background:url(../assets/sprite.png) -950px -300px no-repeat;
	border:none;
}

.highlight {
	border-bottom:1px solid #caeaf8;
	margin:1.5em 0;
	padding:0 0 0.75em 0;
}

/* CALENDAR
******************************************/

#calendar {
	background:url(../assets/calendar.png) 0 0 no-repeat;
	/* border-bottom:1px solid #caeaf8; */
	height:340px;
	padding:15px 0;
	width:940px;
}

#calendar ul {
	font-size:100%;
}

#calendar li {
	cursor:pointer;
	float:left;
	height:140px;
	overflow:hidden;
	padding:15px;
	width:158px;
}

#calendar h1 {
	border:none;
	margin:0 0 0.346154em 0;
	padding:0;
}

/* #calendar h2 {
	margin:0 0 0.30681825em 0
} */

#calendar h2 { /* 18 */
	font-size:1.5em;
	line-height:1em;
	margin:0 0 0.25em 0;
}

#calendar h3 { /* 14 */
	font-size:1.166667em;
	line-height:1.285714em;
	margin:0 0 0.3214285em 0;
}

#calendar p {
	margin:0;
}

/* COUNTDOWN - POST ITS
******************************************/

#countdown {
	background:url(../assets/sprite.png) 0 -220px;
	float:right;
	height:200px;
	padding:0 20px 0 0;
	position:relative;
	text-align:center;
	top:-10px;
	/* top:-40px; */
	width:180px;
}

#countdown span {
	color:#f27d30;
	display:block;
	font-size:3.6em;
	font-weight:bold;
	letter-spacing:-0.05em;
	line-height:1.2em;
	padding:36px 0 0 0;
}

#clock {
	color:#f27d30;
	font-size:86px;
	font-weight:bold;
	letter-spacing:-0.05em;
	line-height:1em;
	padding:20px 0 0 0;
	text-align:center;
}

#postit {
	background:url(../assets/sprite.png) 0 -220px;
	float:right;
	height:190px;
	padding:15px 20px 0 15px;
	position:relative;
	top:0;
	width:165px;
}

#postit h4 {
	margin:0;
}

#postit p {
	margin:0 0 0.375em 0;
}

#fundraisers {
	background:url(../assets/sprite.png) -600px -220px;
	display:inline; /* IE 6 DOUBLE MARGIN FIX */
	float:right;
	height:190px;
	margin:0 -150px 0 10px;
	padding:20px 70px 0 15px;
	position:relative;
	top:0;
	width:115px;
	z-index:10;
}

/* COMPETITION
******************************************/

#comp {
	background:url(../assets/competition-background.jpg) 50% 0 no-repeat;
	/* border-bottom:1px solid #caeaf8; */
	margin:0 0 0.75em 0;
	padding:325px 1px 1.5em 1px;
	width:938px;
}

#comp ul {
	margin:0;
	width:938px;
}

#comp li {
	display:block;
	float:left;
	margin:0 19px 0 0;
	padding:0 20px;
	width:260px;
}

#comp li.end {
	margin:0;
}

#comp li p {
	margin:0 0 0.375em 0;
}

#comp li strong {
	color:#003c7b;
}

#competition-home h1,
h1.comp-hd {
	border:none;
	margin:0 0 0.346154em 0;
	padding-left:15px;
}

/* HEADER
******************************************/

#logo {
	float:left;
	height:120px;
	width:640px;
}

#logo a {
	border:none;
	display:block;
	height:120px;
	overflow:hidden;
	position:relative;
	text-indent:-3000em;
	width:423px;
}

#twitter {
	float:right;
	height:100px;
	padding:20px 10px 0 10px;
	width:280px;
}

#tweet {
	margin:0;
}

#tweet ul {
	display:block;
	font-size:1.083333em;
	font-style:italic;
	line-height:1.384615em;
	margin:0;
}

a.follow {
	font-size:85%;
}

ul#nav {
	/* background:url(../assets/sprite.png) 0 -120px; */
	float:left;
	height:36px;
	width:940px;
}

ul#nav li {
	display:block;
	float:left;
	height:36px;
	padding:0 0 0 15px;
}

ul#nav li a {
	border:none;
	display:block;
	font-size:1.166667em;
	font-weight:bold;
	float:left;
	line-height:34px;
	text-decoration:none;
}

ul#nav li a:link,
ul#nav li a:visited {
	color:#fff;
}

ul#nav li a:hover,
ul#nav li a:active {
	color:#00adef;
}

#home ul#nav li a.home,
#involved ul#nav li a.involved,
#challenge ul#nav li a.challenge {
	color:#00adef;
}


/* FOOTER
******************************************/

#footer p { /* 11 */
	color:#777;
	font-size:0.916667em;
	line-height:1.636364em;
}

/* FORMS
******************************************/

fieldset ol {
	list-style-type:none;
	margin-right:0;
	margin-left:0;
}

#main fieldset li {
	margin:0;
}

fieldset label {
	display:block;
	float:left;
	padding:0.375em 20px 0 0;
	width:140px;
}

fieldset label.chk {
	width:auto;
}

input.long,
textarea.long {
	width:24em;
}

input.short,
textarea.short {
	width:10em;
}

fieldset label.error {
	clear:left;
	color:#b30;
	padding:0.375em 0 0 160px;
	width:auto;
}

input.error,
textarea.error {
	border-color:#b30;
}

/* TABLES
******************************************/

table {
	margin:0.75em 0;
	width:100%;
}

td,th {
	background:#fafdff;
	padding:0.375em 0.75em;
	vertical-align:top;
}

thead th {
	background:#003c7b;
	color:#fff;
	font-weight:bold;
}

tbody th {
	font-weight:bold;
}

tbody th,tbody td {
	border-bottom:1px solid #caeaf8;
}

tbody .stripe {
	background:#f2fbfe;
}

/* LAYOUT
******************************************/

#header,
#content,
#footer {
	margin:0 auto;
	text-align:left;
	width:940px;
}

#header {
	background:url(../assets/sprite.png) 0 -450px no-repeat;
	height:156px;
	overflow:hidden;
}

#content {
	background:#fff url(../assets/content-background.png) 0 0 no-repeat;
	margin:20px auto;
	padding:2.25em 0 1.5em 0;
}

#home #content {
	margin:5px auto 20px auto;
	padding-top:0;
}

#tabs {
	/* border-top:1px solid #caeaf8; */
	padding:1.5em 0 0 0;
}

#sidebar {
	float:left;
	width:160px;
}

#main {
	float:right;
	padding:0 160px 0 0;
	width:600px;
}

#tab-main {
	float:left;
	padding:0 20px;
	width:520px;
}

#footer {
	clear:both;
	padding:1.5em 0;
	text-align:center;
}

/* SLIDESHOW
******************************************/

#slideshow,
#video {
	margin:0 0 1.5em 0;
}

/* GALLERY
******************************************/

#gallery-wrapper {
	padding:0 20px;
	width:900px;
}

ul.gallery,
ul.voter {
	background:#ddd url(/msawareness/competition/gallery/images/gallery-background.png) 0 0 repeat-y;
	margin:0;
	width:900px;
}

ul.voter {
	margin:0 0 1.5em 0;
}

ul.gallery li,
ul.voter li {
	background:#e7f8fe;
	display:block;
	float:left;
	margin:0;
	padding:10px;
	text-align:center;
	width:270px;
}

ul.gallery li.mid,
ul.voter li.mid {
	margin-left:15px;
	margin-right:15px;
}

ul.gallery li img {
	display:block;
	height:190px;
	margin:0;
	width:270px;
}

ul.gallery li a span {
	border-bottom:1px solid #fff;
	display:block;
	margin:0 0 0.692308em 0;
	padding:0.692308em 0;
}

ul.gallery li p {
	margin:0;
	text-align:left;
}

ul.gallery li h3 {
	font-size:1.083333em;
	line-height:1.384615em;
	margin:0 0 0.346154em 0;
	text-align:left;
}

ul.voter li label {
	margin:0;
	padding:0;
}

ul.voter li input {
	border:none;
	padding:0;
}

p.vote {
	margin:0 0 3em 0;
	text-align:center;
}

/* HOME PAGE VIDEO
******************************************/

#tlhs {
	float:left;
	width:600px;
}

#trhs {
	float:right;
	width:320px;
}