/*----------FONT-------------*/
h1 {font-size:60px; line-height:70px; color:;}
h2 {font-size:30px; line-height:40px; font-family: 'Montserrat', sans-serif; font-weight:300; color:;}
h3 {font-size:30px; line-height:40px; font-family: 'Montserrat', sans-serif; font-weight: 300; color:;}
h4 {font-size:22px; line-height:30px; font-family: 'Montserrat', sans-serif; font-weight: 300; color:;}
h5 {font-size:20px; line-height:26px; font-family: 'Montserrat', sans-serif; font-weight: 300; color:;}
h6 {font-size:18px; line-height:23px; font-family: 'Montserrat', sans-serif; font-weight: 300; color:;}
p {font-size:18px; color:; line-height:25px; margin:0px 0px 15px 0px; font-family: 'Montserrat', sans-serif;}


.font1 {font-size:20px; line-height:20px; font-weight:400;}
.font2 {font-size:16px; line-height:18px; font-weight:400;}
.font3 {font-size:18px; line-height:24px; font-weight:400;}
.font4 {font-size:16px; line-height:16px; font-weight:400;}
.font5 {font-size:12px; line-height:14px; font-weight:400;}
.font6 {font-size:14px; line-height:14px; font-weight:200;}
.font7 {font-size:14px; line-height:14px; font-weight:400;}
.font8 {font-size:18px; line-height:24px; font-weight:400;}
.font9 {font-size:16px; line-height:16px; font-weight:700;}
.font10 {font-size:14px; line-height:14px; font-weight:400;}
.font11 {font-size:12px; line-height:12px; font-weight:400;}
.font12 {font-size:20px; line-height:20px; font-weight:400;}
.font13 {font-size:14px; line-height:18px; font-weight:400;}
.font14 {font-size:16px; line-height:20px; font-weight:400;}
.font15 {font-size:19px; line-height:23px; font-weight:400;}


h1.titleText {font-size:38px; text-shadow: 2px 2px 15px #222; filter: dropshadow(color=#222222, offx=2, offy=2); line-height:45px; font-family: 'Montserrat', sans-serif; color:#fff;}

p > a {color:; text-decoration:none; cursor:pointer;}
a {color:; text-decoration:none;}      /* unvisited link */
a:link {color:; text-decoration:none;}      /* unvisited link */
a:visited {color:; text-decoration:none;}  /* visited link */
a:hover {color:; text-decoration:underline;}  /* mouse over link */
a:active {color:; text-decoration:none;}  /* selected link */

a.link1 {font-size:20px; line-height:20px; cursor:pointer;}
a.link1:link {color:;}
a.link1:visited {color:;}
a.link1:hover {color:;}
a.link1:active {color:;}

/*-------Colour and alignment classes-------*/
.center {text-align:center;}
.centerBold {text-align:center; font-weight:700;}
.left {float:left;}
.right {float:right;}

.bold {font-weight:700;}

.red {color:#f44;}
.redTextCenter {color:#f44; text-align:center;}

.white {color:#fff;}
.whiteTextCenter {color:#fff; text-align:center;}
.whiteTextCenterBold {color:#fff; text-align:center; font-weight:700;}
.whiteCenter {color:#fff; text-align:center;}
.whiteRight {color:#fff; float:right;}
.whiteBoldCenter {color:#fff; font-weight:700; text-align:center;}
.whiteBold {color:#fff; font-weight:700;}

.color2BoldCenter {color:; font-weight:700; text-align:center;}


.black {color:#222;}
.blackBold {color:#222; font-weight:700;}

.color1 {color:;}
.color2 {color:;}
.color3 {color:;}
.color4 {color:;}
.color5 {color:;}
.color6 {color:;}
.color7 {color:;}
.color8 {color:;}
.color9 {color:;}

.color1TextCenter {color:; text-align:center;}
.color2TextCenter {color:; text-align:center;}

.backgroundColor3 {background:;}
.backgroundColor4 {background:;}
.backgroundColor5 {background:;}
.backgroundColor6 {background:;}
.backgroundColor7 {background:;}
.backgroundColor8 {background:;}



/*-----------------DIV styling-----------------*/
#thinkUpHeader {position:fixed; top:0px; left:0px; z-index:998; width:100%; height:30px; background:;}
#thinkUpHeaderInner {width:945px; padding:0px 5px; margin:5px auto; position:relative; height:20px;}
#header {position:fixed; top:30px; left:0px; z-index:998; width:100%; height:60px; background:; border-bottom:0px solid ;}
#headerInner {width:945px; padding:0px 15px; margin:15px auto; position:relative; height:30px;}
#headerSpacer {height:105px;}

#container {width:975px; min-height:500px; margin:0px auto 240px auto; overflow:auto;}

#footer {height:110px; clear:both; border-top:15px solid ; background:; overflow:auto; width:100%; position:fixed; bottom:0px; z-index:3000;}
#footerInner {width:975px; margin:0px auto;}

.teaserQuizDiv {width:650px; background:; overflow:auto;}
.quizQuestionHeading {height:60px; padding:15px; background:#480000;}
#quizQuestionDiv {width:245px; margin:15px; padding:0px; background:#480000;}
.quizImageSmall {width:245px; height:auto;}

.sectionHeading {height:60px; padding:0px 15px; background:; position:relative;}
.sectionOutline {margin:0px 0px 15px 0px; overflow:auto;}

/*-----------Login box elements-----------*/
.loginBoxDiv {width:500px; overflow:hidden; height:270px; background:#fff; position:fixed; top:50%; left:50%; margin-left:-250px; margin-top:-135px; z-index:1000; -webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 0px 15px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);}
.loginBoxHeader {height:21px; padding:12px 15px; background:;}
.leftColumnLoginBox {float:left; width:220px;}
.rightColumnLoginBox {float:right; width:220px;}
.loginBoxDividerLine {float:left; height:200px; width:0px; border-left:2px solid ;}


.studentProfileImageContainerDiv {margin:0px 0px 15px 0px; background:; width:144px; padding:3px;}

/*--------category eleents--------*/
.profilePageCategoryContainerLeft {width:387px; background:#fff; float:left; clear:left; margin-bottom:15px; padding:0px; border-right:1px solid ;}
.profilePageCategoryContainerRight {width:387px; background:#fff; float:right; clear:right; margin-bottom:15px; padding:0px;}
.profilePageCategoryContainer {width:750px; float:left; clear:both; background:#fff; margin:0px 0px 15px 0px; padding:0px;}
.profilePageCategoryContainerBottomBorder {width:746px; float:left; clear:both; height:0px; border-bottom:1px solid ; margin:0px 15px 0px 15px; padding:0px;}

.badgeImage {margin:0px; outline:0; padding:0px 0px 5px 0px; border:0; cursor:pointer;}
.badgeImageContainer {border:0; float:left; padding:0px 15px 15px 14px; height:170px; width:100px;}

.topicPageBadgeImageContainer {border:0; float:left; position:absolute; top:0px; left:0px; padding:0px 15px 15px 14px; height:170px; width:100px; background:white;}

.quizSponsorImage {width:330px; height:143px;}


/*-----Social media buttons------*/
.facebookLoginButton {cursor:pointer; height:30px; width:170px; background-color:#3B5998; margin:0px 0px 15px 0px; background-image:url('images/logos/social/FacebookLogoWhiteTransparent.png'); background-repeat:no-repeat;}
.facebookLoginButtonInner {border-left:1px solid #fff; height:10px; padding:10px; font-size:12px; color:#fff; margin-left:30px;}

/*---------page columns------------*/
//.homePageLeftColumn {width:280px; margin:15px 0px 15px 15px; float:left; overflow:auto;}
.homePageLeftColumn {float:left; clear:left; overflow:auto; width:150px; padding:0px 15px 15px 15px;}
//.homePageRightColumn {width:650px; display:none; margin:15px 15px 0px 0px; float:right; height:auto;}
.homePageRightColumn {float:right; display:none; overflow:hidden; width:780px; padding:0px 15px 15px 0px;}



.profilePageLeftColumn {float:left; clear:left; overflow:auto; width:150px; padding:0px 15px 15px 15px;}
.profilePageRightColumn {float:right; overflow:auto; width:780px; padding:0px 15px 15px 0px;}

#masterLoader {float:left; width:780px; position:relative; overflow:hidden; float:left;}
#secondaryLoader {width:780px; position:relative; float:left; clear:both; margin-top:15px;}
#masterLoaderSlider {float:left; width:2400px; position:relative;; top:0px; left:0px; overflow:auto;}
.homePageTopicsSectionOutline {float:left; width:776px; border-right:2px solid ; border-bottom:2px solid ; border-left:2px solid ; margin:0px 0px 15px 0px; overflow:auto; position:relative; top:0px; left:0px;}
.quizLoader {float:left; width:780px; min-height:200px; position:relative; overflow:hidden;}
.quizLoaderInner {width:780px;}
.quizQuestionLoader {float:left; width:780px; min-height:200px; position:relative; overflow:hidden;}
.quizQuestionLoaderInner {width:780px;}


/*---taster elements---*/
/*
 
#masterTasterLoader {width:650px; position:relative; overflow:hidden; float:left;}
#masterTasterLoaderSlider {float:left; width:1400px; position:relative;; top:0px; left:0px; overflow:auto;}


.quizTasterLoader {float:left; width:650px; min-height:200px; position:relative; overflow:hidden;}
.quizTasterLoaderInner {width:650px;}

.quizTasterBody {background:; padding:15px; width:620px; overflow:auto; position:relative;}
.quizTasterBodyFailure {background:; padding:15px; width:620px; overflow:auto;}
.quizTasterBodySuccess {background:#fff; padding:15px; width:620px; overflow:auto;}


.quizTasterHeader {height:60px; padding:15px; background:;}
.quizTasterQuestionContainer {float:left; width:360px; min-height:100px; background:#fff; position:relative;}

.quizTasterStartButtonRightArrow {float:right; clear:right; color:; display:block; font-size:16px; line-height:20px; min-height:15px; width:185px; padding:15px 45px 15px 15px; margin:0px 0px 15px 0px; text-align:left; background-color:#fff; text-decoration:none; cursor:pointer; background-image:url('images/icons/arrowRight-01.png'); background-position:right center; background-repeat:no-repeat;}
.quizTasterStartButtonRightArrow:hover {background:; color:#fff; text-decoration:none; background-image:url('images/icons/arrowRight-02.png'); background-position:right center; background-repeat:no-repeat;}

.quizTasterStartBadgeDispalyDiv {float:right; clear:right; min-height:105px; width:215px; background:; padding:15px;}

.quizTasterQuestionLoader {float:left; width:650px; min-height:200px; position:relative; overflow:hidden;}
.quizTasterQuestionLoaderInner {width:650px;}

.quizTasterAnswerButtonRightArrow {float:right; clear:right; color:; display:block; font-size:16px; line-height:20px; min-height:15px; width:185px; padding:15px 45px 15px 15px; margin:0px 0px 15px 0px; text-align:left; background-color:#fff; text-decoration:none; cursor:pointer; background-image:url('images/icons/arrowRight-01.png'); background-position:right center; background-repeat:no-repeat;}
.quizTasterAnswerButtonRightArrow:hover {background:; color:#fff; text-decoration:none; background-image:url('images/icons/arrowRight-02.png'); background-position:right center; background-repeat:no-repeat;}

.quizTasterSubmitAnswersButton {float:right; clear:right; color:; display:block; font-size:16px; line-height:20px; min-height:15px; width:242px; padding:15px 45px 15px 15px; margin:0px 0px 15px 0px; text-align:left; background-color:#fff; text-decoration:none; cursor:pointer; background-image:url('images/icons/arrowRight-01.png'); background-position:right center; background-repeat:no-repeat;}
.quizTasterSubmitAnswersButton:hover {background:; color:#fff; text-decoration:none; background-image:url('images/icons/arrowRight-02.png'); background-position:right center; background-repeat:no-repeat;}

.changeTasterAnswerButton {float:right; color:; display:block; font-size:14px; line-height:20px; min-height:15px; width:120px; padding:5px 25px 5px 10px; margin:0px 0px 0px 0px; text-align:left; background-color:; text-decoration:none; cursor:pointer; background-image:url('images/icons/arrowRight-02.png'); background-position:right center; background-repeat:no-repeat;}
.changeTasterAnswerButton:hover {background:; color:#fff; text-decoration:none; background-image:url('images/icons/arrowRight-01.png'); background-position:right center; background-repeat:no-repeat;}

.quizTasterSuccessButtonRightArrow {float:right; clear:right; color:; display:block; font-size:16px; line-height:20px; min-height:15px; width:185px; padding:15px 45px 15px 15px; margin:0px 0px 15px 0px; text-align:left; background-color:#fff; text-decoration:none; cursor:pointer; background-image:url('images/icons/arrowRight-01.png'); background-position:right center; background-repeat:no-repeat;}
.quizTasterSuccessButtonRightArrow:hover {background:; color:; text-decoration:none; background-image:url('images/icons/arrowRight-02.png'); background-position:right center; background-repeat:no-repeat;}
*/






/*---MAIN QUIZ ELEMENTS---*/
.quizHeader {height:60px; padding:15px; background:;}
.quizBody {background:; padding:15px; width:750px; overflow:auto; position:relative;}
.quizBodyFailure {background:; padding:15px; width:750px; overflow:auto;}
.quizBodySuccess {background:#fff; padding:15px; width:750px; overflow:auto;}
.quizQuestionContainer {float:left; width:360px; min-height:100px; background:#fff; position:relative;}
.quizQuestionContainerFailure {float:left; width:330px; min-height:255px; padding:15px; background:; position:relative;}
.quizQuestionContainerSuccess {float:left; width:330px; min-height:225px; padding:15px; background:#fff; position:relative;}

.tutorialBody {background:; padding:15px; width:750px; overflow:hidden; min-height:225px; position:relative;}
.tutorialQuestionContainer {float:left; width:360px; height:225px; position:relative;}

.quizStartButtonRightArrow {float:right; clear:right; color:; display:block; font-size:16px; line-height:15px; min-height:15px; width:315px; padding:15px 45px 15px 15px; margin:0px 0px 15px 0px; text-align:left; background-color:#fff; text-decoration:none; cursor:pointer; background-image:url('images/icons/arrowRight-01.png'); background-position:right center; background-repeat:no-repeat;}
.quizStartButtonRightArrow:hover {background:; color:#fff; text-decoration:none; background-image:url('images/icons/arrowRight-02.png'); background-position:right center; background-repeat:no-repeat;}
.quizStartButtonLeftArrow {float:right; clear:right; color:; display:block; font-size:16px; line-height:15px; min-height:15px; width:315px; padding:15px 15px 15px 45px; margin:0px 0px 15px 0px; text-align:left; background-color:#fff; text-decoration:none; cursor:pointer; background-image:url('images/icons/arrowLeft-01.png'); background-position:left center; background-repeat:no-repeat;}
.quizStartButtonLeftArrow:hover {background:; color:#fff; text-decoration:none; background-image:url('images/icons/arrowLeft-02.png'); background-position:left center; background-repeat:no-repeat;}

.quizAnswerButtonRightArrow {float:right; clear:right; color:; display:block; font-size:16px; line-height:15px; min-height:15px; width:315px; padding:15px 45px 15px 15px; margin:0px 0px 15px 0px; text-align:left; background-color:#fff; text-decoration:none; cursor:pointer; background-image:url('images/icons/arrowRight-01.png'); background-position:right center; background-repeat:no-repeat;}
.quizAnswerButtonRightArrow:hover {background:; color:#fff; text-decoration:none; background-image:url('images/icons/arrowRight-02.png'); background-position:right center; background-repeat:no-repeat;}
.quizAnswerButtonLeftArrow {float:right; clear:right; color:; display:block; font-size:16px; line-height:15px; min-height:15px; width:315px; padding:15px 15px 15px 45px; margin:0px 0px 15px 0px; text-align:left; background-color:#fff; text-decoration:none; cursor:pointer; background-image:url('images/icons/arrowLeft-01.png'); background-position:left center; background-repeat:no-repeat;}
.quizAnswerButtonLeftArrow:hover {background:; color:#fff; text-decoration:none; background-image:url('images/icons/arrowLeft-02.png'); background-position:left center; background-repeat:no-repeat;}

.notSureQuizAnswerButtonRightArrow {float:right; clear:right; color:; display:block; font-size:16px; line-height:15px; min-height:15px; width:315px; padding:15px 45px 15px 15px; margin:0px 0px 15px 0px; text-align:left; background-color:; text-decoration:none; cursor:pointer; background-image:url('images/icons/arrowRight-01.png'); background-position:right center; background-repeat:no-repeat;}
.notSureQuizAnswerButtonRightArrow:hover {background:; color:#fff; text-decoration:none; background-image:url('images/icons/arrowRight-02.png'); background-position:right center; background-repeat:no-repeat;}
.notSureQuizDetails {float:right; clear:right; color:; display:block; font-size:16px; line-height:15px; height:auto; width:315px; padding:15px 45px 15px 15px; margin:0px 0px 15px 0px; text-align:left; background-color:; text-decoration:none; background-image:url('images/icons/arrowDown-01.png'); background-position:340px 15px; background-repeat:no-repeat;}

.quizSuccessButtonRightArrow {float:right; clear:right; color:; display:block; font-size:16px; line-height:15px; min-height:15px; width:315px; padding:15px 45px 15px 15px; margin:0px 0px 15px 0px; text-align:left; background-color:#fff; text-decoration:none; cursor:pointer; background-image:url('images/icons/arrowRight-01.png'); background-position:right center; background-repeat:no-repeat;}
.quizSuccessButtonRightArrow:hover {background:; color:; text-decoration:none; background-image:url('images/icons/arrowRight-02.png'); background-position:right center; background-repeat:no-repeat;}
.quizSuccessButtonLeftArrow {float:right; clear:right; color:; display:block; font-size:16px; line-height:15px; min-height:15px; width:315px; padding:15px 15px 15px 45px; margin:0px 0px 15px 0px; text-align:left; background-color:#fff; text-decoration:none; cursor:pointer; background-image:url('images/icons/arrowLeft-01.png'); background-position:left center; background-repeat:no-repeat;}
.quizSuccessButtonLeftArrow:hover {background:; color:; text-decoration:none; background-image:url('images/icons/arrowLeft-02.png'); background-position:left center; background-repeat:no-repeat;}

.quizStartButton {float:right; clear:right; color:; display:block; font-size:16px; line-height:15px; min-height:15px; width:345px; padding:15px; margin:0px 0px 15px 0px; text-align:left; background:#fff; text-decoration:none; cursor:pointer;}
.quizStartButton:hover {background:; color:#fff; text-decoration:none;}
.quizAnswerButton {float:right; clear:right; color:; display:block; font-size:16px; line-height:15px; min-height:15px; width:345px; padding:15px; margin:0px 0px 15px 0px; text-align:left; background:#fff; text-decoration:none; cursor:pointer; overflow:auto;}
.quizAnswerButton:hover {background:; color:#fff; text-decoration:none;}

.quizSubmitAnswersButton {float:right; clear:right; color:; display:block; font-size:16px; line-height:15px; min-height:15px; width:310px; padding:15px 45px 15px 15px; margin:0px 0px 15px 0px; text-align:left; background-color:#fff; text-decoration:none; cursor:pointer; background-image:url('images/icons/arrowRight-01.png'); background-position:right center; background-repeat:no-repeat;}
.quizSubmitAnswersButton:hover {background:; color:#fff; text-decoration:none; background-image:url('images/icons/arrowRight-02.png'); background-position:right center; background-repeat:no-repeat;}

.quizNextQuestionButtonRightArrow {float:right; clear:right; color:; display:block; font-size:16px; line-height:15px; min-height:15px; width:315px; padding:15px 45px 15px 15px; margin:0px 0px 15px 0px; text-align:left; background-color:#fff; text-decoration:none; cursor:pointer; background-image:url('images/icons/arrowRight-01.png'); background-position:right center; background-repeat:no-repeat;}
.quizNextQuestionButtonRightArrow:hover {background-color:; color:#fff; text-decoration:none; background-image:url('images/icons/arrowRight-02.png'); background-position:right center; background-repeat:no-repeat;}

.quizSuccessButton {float:right; clear:right; color:; display:block; font-size:16px; line-height:15px; min-height:15px; width:345px; padding:15px; margin:0px 0px 15px 0px; text-align:left; background:#fff; text-decoration:none; cursor:pointer;}
.quizSuccessButton:hover {background:; color:; text-decoration:none;}

.changeAnswerButton {float:right; color:; display:block; font-size:16px; line-height:15px; min-height:15px; width:140px; padding:5px 45px 5px 15px; margin:0px 0px 0px 0px; text-align:left; background-color:; text-decoration:none; cursor:pointer; background-image:url('images/icons/arrowRight-02.png'); background-position:right center; background-repeat:no-repeat;}
.changeAnswerButton:hover {background:; color:#fff; text-decoration:none; background-image:url('images/icons/arrowRight-01.png'); background-position:right center; background-repeat:no-repeat;}

.backToQuizReviewButtonRightArrow {float:right; clear:right; color:; display:none; font-size:16px; line-height:15px; min-height:15px; width:345px; padding:15px; margin:0px 0px 15px 0px; text-align:left; background-color:#fff; text-decoration:none; cursor:pointer; background-image:url('images/icons/arrowRight-01.png'); background-position:right center; background-repeat:no-repeat;}
.backToQuizReviewButtonRightArrow:hover {background-color:; color:#fff; text-decoration:none; background-image:url('images/icons/arrowRight-02.png'); background-position:right center; background-repeat:no-repeat;}

.quizStartBadgeDispalyDiv {float:right; clear:right; min-height:105px; width:345px; background:; padding:15px;}
.sectionOutline {border:2px solid ; margin:0px 0px 15px 0px; overflow:auto;}

/*---------QUIZ IMAGES------*/
.questionImageType1 {width:360px; background:#fff; overflow:auto; float:left;}


/*-------LEADER BOARD STYLES-------*/
.leaderBoardPos1 {padding:15px; background:#b5D334; font-size:15px; line-height:15px; color:;}
.leaderBoardPos2 {padding:15px; background:#C4DC5D; font-size:15px; line-height:15px; color:;}
.leaderBoardPos3 {padding:15px; background:#D3E585; font-size:15px; line-height:15px; color:;}
.leaderBoardPos4 {padding:15px; background:#E1EDAE; font-size:15px; line-height:15px; color:;}
.leaderBoardPos5 {padding:15px; background:#F0F6D6; font-size:15px; line-height:15px; color:;}


/*----------spacers--------------*/
.spacer300 {height:300px;}
.spacer200 {height:200px;}


/*----------backgrounds--------------*/
.fullPageBackgroundMask {position:fixed; top:0px; left:0px; z-index:999; width:100%; height:100%;}

/*----------navigation bar--------------*/
ul.navigation { list-style-type:none; margin:0; padding:0; float:right; padding:0px 0px;}
li.nav { display:inline; padding:0px;}

a.navLink {color:; text-decoration:none; font-size:17px; padding:10px 10px;}
a.navLink:hover {color:;}

/*------images-----*/
.desktopProfileImage {width:144px; height:144px; margin:0px;}



/*--------Form Styling------------*/

label {margin:10px 0px 5px 0px; display:block; color:;}

.checkboxLeft {font-size:20px; color:#111; padding:5px; margin:15px 10px 0px 0px; float:left; display:block;}
.checkboxLeftAndClear {font-size:20px; color:#111; padding:5px; margin:15px 10px 0px 0px; float:left; clear:both; display:block;}


input.loginInput {width:170px;}

input.XXSmall {width:30px;}
input.XSmall {width:70px;}
input.Small {width:120px;}
input.Medium {width:300px;}
input.Large {width:450px;}
input.XLarge {width:600px;}
input.XXLarge {width:900px;}

textarea.Small {width:120px;}
textarea.Medium {width:300px;}
textarea.Large {width:450px;}
textarea.XLarge {width:600px;}
textarea.XXLarge {width:900px;}

select.XSmall {width:60px;}
select.Small {width:120px;}
select.Medium {width:300px;}

div.response {display:none; line-height:22px; font-size:16px; color:; padding:11px 10px; margin:4px 0px 0px 0px; border:1px solid ; background:; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
div.responseMedium {display:none; line-height:22px; font-size:16px; color:#33f; width:300px; padding:10px; margin:10px 0px 20px 0px; border:1px solid #33f; background:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
div.responseLarge {display:none; line-height:22px; font-size:16px; color:#33f; width:450px; padding:10px; margin:10px 0px 20px 0px; border:1px solid #CFB53B; background:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
div.responseXLarge {display:none; line-height:22px; font-size:16px; color:#33f; width:600px; padding:10px; margin:10px 0px 20px 0px; border:1px solid #33f; background:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

input.submitButton {color:#fff; font-weight:500; display:block; padding:5px 8px; margin:20px 0px 0px 0px; text-align:center; background:#bbb; border-top: 1px solid #bbb; border-right: 1px solid #bbb; border-bottom: 2px solid #666; border-left: 1px solid #bbb; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor:pointer;}
input.submitButton:hover {color:#777; display:block; padding:5px 8px; text-align:center; background:#eee; border-top: 1px solid #ddd; border-right: 1px solid #bbb; border-bottom: 2px solid #666; border-left: 1px solid #ddd; text-decoration: none;}
input.submitButtonLeft {float:left; color:#fff; font-weight:600; display:block; padding:5px 8px; margin:20px 0px 0px 0px; text-align:center; background:#bbb; border-top: 1px solid #bbb; border-right: 1px solid #bbb; border-bottom: 2px solid #666; border-left: 1px solid #bbb; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor:pointer;}
input.submitButtonLeft:hover {color:#777; display:block; padding:5px 8px; text-align:center; background:#eee; border-top: 1px solid #ddd; border-right: 1px solid #bbb; border-bottom: 2px solid #666; border-left: 1px solid #ddd; text-decoration: none;}

input.submitButtonRight {float:right; color:#fff; font-weight:600; display:block; padding:5px 8px; margin:10px 0px 0px 0px; text-align:center; background:#bbb; border-top: 1px solid #bbb; border-right: 1px solid #bbb; border-bottom: 2px solid #666; border-left: 1px solid #bbb; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor:pointer;}
input.submitButtonRight:hover {color:#777; display:block; padding:5px 8px; margin:10px 0px 0px 0px; text-align:center; background:#eee; border-top: 1px solid #ddd; border-right: 1px solid #bbb; border-bottom: 2px solid #666; border-left: 1px solid #ddd; text-decoration: none;}

input.submitButtonMedium {width:322px; color:#fff; font-weight:600; display:block; padding:6px 8px; margin:10px 0px 0px 0px; text-align:center; background:#bbb; border-top: 1px solid #bbb; border-right: 1px solid #bbb; border-bottom: 2px solid #666; border-left: 1px solid #bbb; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor:pointer;}
input.submitButtonMedium:hover {color:#777; background:#eee; border-top: 1px solid #ddd; border-right: 1px solid #bbb; border-bottom: 2px solid #666; border-left: 1px solid #ddd; text-decoration: none;}


/*--------General button Styling------------*/
.buttonRight {float:right; color:; font-weight:600; display:block; padding:5px 8px; margin:3px 0px 0px 0px; text-align:center; background:; border: 1px solid ; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor:pointer;}
.buttonRight:hover {background:; color:; text-decoration:none;}

.buttonLeft {float:left; color:; font-weight:600; display:block; padding:5px 8px; margin:3px 0px 0px 0px; text-align:center; background:; border: 1px solid ; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor:pointer;}
.buttonLeft:hover {background:; color:; text-decoration:none;}

.button1 {float:left; color:; display:block; font-size:14px; line-height:30px; height:30px; width:132px; padding:0px 0px; margin:10px 0px 15px 0px; text-align:center; background:; text-decoration:none; cursor:pointer;}
.button1:hover {background:; color:; text-decoration:none;}

.button2 {float:right; color:; display:block; font-size:14px; line-height:30px; height:30px; width:132px; padding:0px 0px; margin:10px 0px 15px 0px; text-align:center; background:; text-decoration:none; cursor:pointer;}
.button2:hover {background:; color:; text-decoration:none;}

.button3 {float:right; clear:right; color:; display:block; font-size:14px; line-height:30px; height:30px; width:330px; padding:0px 15px; margin:15px 15px 5px 0px; text-align:left; background:#480000; text-decoration:none; cursor:pointer;}
.button3:hover {background:; color:#480000; text-decoration:none;}

.button4 {color:; display:block; font-size:14px; line-height:30px; height:30px; width:132px; padding:0px 0px; margin:10px 0px 15px 0px; text-align:center; background:; text-decoration:none; cursor:pointer;}
.button4:hover {background:; color:; text-decoration:none;}


/*-----jQuery UI-------*/
.ui-menu .ui-menu-item {font-size:14px;}

  #sliderRed1, #sliderGreen1, #sliderBlue1 {
    float: left;
    clear: left;
    width: 200px;
    margin: 5px 15px;
  }
  #swatch1 {
    width: 100px;
    height: 100px;
    background-image: none;
  }
  #sliderRed1 .ui-slider-range { background: #ef2929; }
  #sliderRed1 .ui-slider-handle { border-color: #ef2929; }
  #sliderGreen1 .ui-slider-range { background: #8ae234; }
  #sliderGreen1 .ui-slider-handle { border-color: #8ae234; }
  #sliderBlue1 .ui-slider-range { background: #729fcf; }
  #sliderBlue1 .ui-slider-handle { border-color: #729fcf; }
  
  #sliderRed2, #sliderGreen2, #sliderBlue2 {
    float: left;
    clear: left;
    width: 200px;
    margin: 5px 15px;
  }
  #swatch2 {
    width: 100px;
    height: 100px;
    background-image: none;
  }
  #sliderRed2 .ui-slider-range { background: #ef2929; }
  #sliderRed2 .ui-slider-handle { border-color: #ef2929; }
  #sliderGreen2 .ui-slider-range { background: #8ae234; }
  #sliderGreen2 .ui-slider-handle { border-color: #8ae234; }
  #sliderBlue2 .ui-slider-range { background: #729fcf; }
  #sliderBlue2 .ui-slider-handle { border-color: #729fcf; }



/*--------------CMS SPECIFIC STYLES----------------------*/
.cmsButton1 {color:; display:block; font-size:14px; line-height:30px; height:30px; padding:0px 0px; margin:0px 0px 15px 0px; text-align:center; background:; text-decoration:none; cursor:pointer;}
.cmsButton1:hover {background:; color:; text-decoration:none;}

/*---------page columns------------*/
.cmsPageLeftColumn {float:left; overflow:auto; width:150px; padding:15px 15px 0px 15px; background:; margin:15px 0px 15px 0px;}
.cmsPageRightColumn {float:right; overflow:auto; width:765px; padding:15px 15px 15px 15px;}


.cmsRow1 {color:; display:block; font-size:20px; line-height:60px; height:60px; padding:0px 15px; margin:0px 0px 15px 0px; text-align:left; background:; text-decoration:none;}
.cmsRow1:hover {background:; color:; text-decoration:none;}

.cmsRowAdd {color:; border:2px dashed ; display:block; font-size:20px; line-height:60px; height:60px; padding:0px 15px; margin:0px 0px 15px 0px; text-align:left; text-decoration:none;}
.cmsRowAdd:hover {border:2px dashed ; color:; text-decoration:none;}

.cmsEditDiv {color:; border:2px dashed ; display:block; padding:15px; margin:0px 0px 15px 0px; text-align:left; text-decoration:none;}
.cmsEditDiv:hover {border:2px dashed ; color:; text-decoration:none;}

.cmsAnswerRow1 {color:; display:block; padding:5px 15px 5px 15px; margin:0px 0px 15px 0px; text-align:left; background:; text-decoration:none; overflow:auto;}

input.cmsRowInput {font-size:20px; line-height:30px; height:30px; width:600px; padding:5px 0px; margin:8px 0px 5px 0px; border:0;}

.cmsNotificationDiv {color:; border:2px dashed ; display:block; background:#eee; font-size:16px; line-height:21px; padding:15px 15px; margin:0px 0px 15px 0px; text-align:left; text-decoration:none;}


/*-------------GRAPHS----------------*/
.graphContainer {position:relative; float:left; height:120px; width:34px; border-bottom:1px solid #ddd;}
.graphContainerDouble {position:relative; float:left; height:120px; width:68px; border-bottom:1px solid #ddd;}
.graphBar {position:absolute; bottom:0px; width:30px; height:2px; background-color:; margin:2px 2px 1px 2px; float:left;}
.graphBarFacebook {position:absolute; bottom:0px; width:30px; height:2px; background-color:#3B5998; margin:2px 2px 1px 2px; float:left;}
.graphBarFacebookDouble {position:absolute; bottom:0px; width:60px; height:2px; background-color:#3B5998; margin:2px 2px 1px 2px; float:left;}
.graphSpacer {height:120px; width:10px; float:left;}
.graphCounter {color:; position:absolute; bottom:-40px; width:30px; height:30px; text-align:center; margin:0px; float:left;}
.graphCounterFacebook {color:#3B5998; position:absolute; bottom:-40px; width:30px; height:30px; text-align:center; margin:0px; float:left;}
.graphCounterFacebookDouble {color:#3B5998; position:absolute; bottom:-40px; width:60px; height:30px; text-align:center; margin:0px; float:left;}
.graphXAxisLabel {float:left; height:20px; margin-top:30px; width:78px; text-align:center;}