/***********************************************/
/* CSS Document by HyTech Professionals        */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body{margin:0px; padding:0px; background:url(../../thinkerboard/images/bg_base_new.jpg) #02519c top left repeat-x; font-family:Arial, Helvetica, sans-serif;
}
body,td,th {
}
img{border:0;}
/******* hyperlink and anchor tag styles *******/
a {
}
a:hover{
}
/************** header tag styles **************/

h1{
	
}

h2{
	
}

h3{
	
}

h4{
	
}

h5{
	
}
h6{
	
}
/*************** list tag styles ***************/

ul{
 list-style-type:square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/
form {
	
}
label{
}
input[type=text] {
}
input[type=password] {
}
select {
}
input[type=submit] {
}
hr {
	
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

.bg{background:url(../../thinkerboard/images/bg_thinker_board.jpg) #6699e1 top left repeat-x; margin-bottom:10px;}
.bg_record2{background:url(../../thinkerboard/images/bg-body-record2.gif) left top repeat-x; margin:70px 0px 10px 0px;}
.cl{
	clear:both;
}

.main-container-new{width:962px; margin:auto;}
.main-container{width:1024px; margin:auto;}
.main-container-quize{width:1024px; margin:auto;}
.left-content{width:300px; position:absolute; margin:450px 0px 0px 90px; font-size:18px; font-weight:bold; color:#229ad6; line-height:45px;}
.right-content{width:370px; height:310px; overflow:auto; position:absolute; margin:445px 0px 0px 495px; font-size:13px; color:#229ad6;}

.left-content-quize{width:180px; position:absolute; margin:125px 0px 0px 65px; font-size:12px; font-weight:bold; color:#229ad6; line-height:21px;}
.left-content-quize a{font-weight:bold; color:#229ad6; text-decoration:underline;}
.left-content-quize .suggestBox{ font-size:12px; color:#000; margin-top:8px;}
.left-content-quize .quize-topics{height:150px; overflow:auto;}

.right-content-quize{height:155px; overflow:auto; overflow-x:hidden; width:570px; position:absolute; margin:90px 0px 0px 335px; font-size:13px; color:#fff;}
.right-content-quize table tr.header{ width:auto;}
.right-content-quize table tr.header td{border-bottom:2px #108fb0 solid; background:url(../../thinkerboard/images/bg-quizes-table.jpg) top left repeat-x; padding-left:7px; padding-right:7px;}
.right-content-quize table tr.header td.check{border-bottom:none; background:none; padding-left:7px; padding-right:7px;}

.common-content-question{height:155px; width:665px; position:absolute; margin:90px 0px 0px 105px; font-size:14px; color:#fff;}
.common-content-question .post-question-data{overflow:auto; overflow-x:hidden; width:auto; height:175px;}
.post-question-data table td{color:#000; text-align:left;}
.update-btn{text-align:right; margin-top:10px;}

.post-question-pin{position:relative; width:76px; margin:-80px 0px -35px 90px;}

.common-content-question2-1{height:155px; width:828px; position:absolute; margin:145px 0px 0px 95px; font-size:14px; color:#fff;}
.common-content-question2-1 .post-question-data2-1{overflow:auto; overflow-x:hidden; width:auto; height:175px;}
.common-content-question2-1 .post-question-data2-1 table td{color:#000;}

.post-question-summary{width:452px; display:none; float:right; position:relative; margin-top:-63px; margin-right:51px; margin-bottom:-200px;}
.post-question-summary-data{position:absolute; width:260px; padding:35px 0px 35px 45px; color:#fff; margin-bottom:-150px;}

.post-summary-data-content{overflow:auto; overflow-x:hidden; font-size:12px; margin:7px 0px; height:100px;}

.common-content-character{width:570px; position:absolute; margin:122px 0px 0px 305px; font-size:14px; color:#fff;}
.common-content-character .post-question-datacharac{overflow:auto; overflow-y:hidden; width:100%; height:125px;}
.common-content-character .post-question-datacharac table td{color:#000;}

.character-selection-details{font-size:12px; color:#000; position:relative; margin:-120px 0px 0px 300px; width:350px;}

.common-content-quizmain{width:570px; position:absolute; margin:75px 0px 0px 290px; font-size:14px; color:#fff;}
.common-content-quizmain .post-question-quizmain{overflow:auto; overflow-y:hidden; width:100%;}
.common-content-quizmain .post-question-quizmain table td{color:#000;}

.question-submit{width:950px;position:absolute; height:330px; margin:87px 0px 0px 15px;}
.question-submit-flash{background:#FFFF00; width:813px; float:right; height:330px;}

.question-submit-time-mark{width:100px; padding:195px 0px 0px 5px; line-height:19px; font-size:13px; color:#fff; float:left;}
.question-submit-time-mark div.mark{margin-top:85px;}

.character-pic{width:168px; height:332px; position:relative; margin-bottom:-332px; margin-left:60px;}


/****** News *******/

.right-content-news{width:658px; height:395px; position:absolute; margin:360px 0px 0px 180px; font-size:12px; color:#000; font-family:"Times New Roman", Times, serif;}
.right-content-news strong{ font-size:24px; display:block; margin-top:-5px; margin-bottom:4px;}
.right-content-news span{ font-size:9px;} 

.right-content-news .content-news{
	font-size:12px; line-height:14px; margin-top:10px;
}
.right-content-news .bord-news{
	border-bottom:#000 1px solid;
}

.right-content-news .paging-news a{
	color:#555555; font-size:12px; text-decoration:none; padding:0px 3px; font-weight:bold;
}

/****** story *******/

.right-content-story{width:658px; height:395px; position:absolute; margin:330px 0px 0px 115px; font-size:12px; font-family:"Times New Roman", Times, serif;}
.right-content-story strong{ font-size:24px; display:block; margin-top:-5px; margin-bottom:4px;}
.right-content-story span{ font-size:9px;} 

.right-content-story .content-news{
	font-size:12px; line-height:14px; margin-top:10px;
}
.right-content-story .bord-news{
	border-bottom:#000 1px solid;
}

.right-content-story .paging-news a{
	color:#555555; border:0px; font-size:12px; text-decoration:none; padding:0px 3px; font-weight:bold;
}


.story-pic-tooltip a{
	background:none; padding:18px 27px 30px 23px; display:block; width:85px;
}
.story-pic-tooltip a:hover{
	background:url(../../thinkerboard/images/img-story-pic-highlight.png) top left no-repeat; display:block; padding:18px 27px 30px 23px; margin-top:-10px;
}

.tooltipDiv{
	width:150px; height:150px; position:absolute; z-index:1000; padding:0px; display:none; margin:0px 0px 0px 10px; color:#fff; font-weight:bold; font-family:arial,verdana; font-size:12px; line-height:17px;
}

.tooltipDiv td{
	margin:-62px 0px 0px 10px; color:#fff; font-weight:bold; font-family:arial,verdana; font-size:12px; line-height:17px;
}

.tooltipDivShowcase{
	width:350px; height:180px; position:absolute; z-index:1000; padding:0px; display:none; margin:-92px 0px 0px 10px; color:#fff; font-weight:normal; font-family:arial,verdana; font-size:12px; line-height:17px;
}

.tooltipDivShowcase td{
	margin:-62px 0px 0px 10px; color:#fff; font-weight:normal; font-family:arial,verdana; font-size:12px; line-height:17px;
}

.story-pic-tooltipVideoShowcase a{
	background:none; padding:20px 40px 15px 20px; display:block; width:78px;
}
.story-pic-tooltipVideoShowcase a:hover{
	background:url(../../thinkerboard/images/bg-video-hover.png) top left no-repeat; display:block; padding:20px 40px 15px 20px;
}

.story{background-image:url(thinkerboard/images/img-story-pic-highlight.png); display:block; padding:0px 27px 55px 23px; margin-top:-1px; width:100px}
.storye{background:none; padding:0px 27px 55px 23px; display:block; width:85px;}

/****** Events page css starts Here *******/
.top-content-event{width:450px; position:absolute; margin:344px 0px 0px 280px;  }
.top-content-event table tr th{ font-size:13px;}
.top-content-event table tr td{ font-size:12px; font-weight:bold; line-height:25px;}
.top-content-event table tr td a{ font-size:12px; font-weight:bold; color:#000000; text-decoration:none;}
.top-content-event table tr td a:hover{ font-size:12px; font-weight:bold; color:#000000; text-decoration:underline;}
.tool-tip-event{position:absolute; display:none; margin:-100px -100px -100px 100px !important; width:559px; height:345px;}
.name-content-event{width:146px; position:absolute; margin:40px 0px 0px 42px; color:#FFFFFF; height:270px; overflow:hidden;  }
.name-content-event h1{ font-size:21px; color:#fff; margin:0; padding:0;}
.name-content-event span{ font-size:11px; color:#fff; margin:0; padding:0;}

.music-event{width:200px; position:absolute; margin:130px 0px 0px 220px; color:#000; height:70px;  }
.music-event h1{ font-size:15px; margin:0; padding:0;}

.footer-event a{font-size:11px;   color:#000000; text-decoration:none;}
.footer-event a:hover{font-size:11px;  color:#000000; text-decoration:underline;}

/****** Drawing page css starts Here *******/

.gal-drawing{ position:absolute; margin:350px 0px 0px 50px;}

.story-pic-tooltipShowcase a{
	background:none; padding:0px; width:275px; display:block;
	}
	
.right-content-showcase{width:658px; height:395px; position:absolute; margin:300px 0px 0px 152px; font-size:12px; color:#000; font-family:"Times New Roman", Times, serif;}
	
.right-content-video{width:480px; height:395px; position:absolute; margin:380px 0px 0px 173px; color:#fff; font-family:"Times New Roman", Times, serif;}	

.right-content-video table td{
	 font-size:12px !important;
}


/****** premium stories page css starts Here *******/
.pre-stories{ position:absolute; margin:380px 0px 0px 50px;   }

/****** poem page css starts Here *******/
.poem-showcase{ position:absolute; margin:350px 0px 0px 30px; width:900px;  }

/****** compo page css starts Here *******/
.compo-showcase{ position:absolute; margin:350px 0px 0px 30px; width:900px;  }

/****** audio page css starts Here *******/
.audio { position:absolute; margin:230px 0px 0px 220px; }
.audio-gallery { position:absolute; margin:608px 0px 0px 130px; background:url('../images/img-red-audio-bg.png') no-repeat; width:752px; height:144px; }

.popupFrame{
	width:350px; margin:auto; background:#fff; padding:10px;
}


.contentPopup{
	width: 305px; margin-top:15px; font-weight:bold;
}
.iconsPopup{
	width: 90%; margin-top:10px; font-weight:bold;
}

.recordTable{
	margin:10px 0px 0px 175px;
}

.bgRecordTable{
	background:url(../../thinkerboard/images/bg-record2.gif) top left no-repeat; font-family:'Comic Sans MS', georgia; font-size:19px; color:#000000;text-decoration:none;
}
.bgRecordTable strong{font-size:22px; font-weight:bold;}
.bgRecordTable a{text-decoration:none; font-weight:bold;}
.bgRecordTable td{text-align:center;}

.right-content-scrapbooking{width:805px; position:absolute; margin:157px 0px 0px 68px; color:#fff; font-family:"Times New Roman", Times, serif;}

.scrapbooking-container{height:510px; color:#000;}

.scrapHeadIcons{
	padding:5px 0px 5px 10px;
}

.scrapHeadIcons img{
padding:0px 4px;
}

.right-content-profile{width:115px; position:absolute; margin:310px 0px 0px 10px; color:#fff; font-family:"Times New Roman", Times, serif; text-align:center;}
.right-content-profile a{margin-bottom:10px; display:block;}

.scrapHeadMenu{
	width:405px; float:right; height:44px;
}

.scrapMenu1{
	width:165px; margin:3px 0px 0px 0px; font-family:'Comic Sans MS'; font-size:12px; color:#000; font-weight:bold; float:left;
}

.scrapMenu2{
width:110px;  margin:3px 0px 0px 0px; float:left; font-family:'Comic Sans MS'; font-size:14px; color:#000; font-weight:bold;}

.scrapMenu3{
width:120px; margin:3px 0px 0px 0px; font-family:'Comic Sans MS'; font-size:12px; color:#000; font-weight:bold; float:left;}



/*****Thinker too page css starts here*******/


.thinker-tool{width:858px; 
position:absolute; 
margin:330px 0px 0px 50px; 
font-size:12px; color:#000; 
font-family:"Times New Roman", Times, serif;}

.thinker-vities{width:758px; 
position:absolute; 
margin:330px 0px 0px 150px; 
font-size:12px; color:#000; 
font-family:"Times New Roman", Times, serif;}

.right-content-thinker{width:658px; height:395px; position:absolute; margin:300px 0px 0px 120px; font-size:12px; color:#000; font-family:"Times New Roman", Times, serif;}


/*Here is the ALBUM NAME VIEW GRID styling start*/

.albumnameviewgrid-headmenu{width:630px; margin:0px 0px 0px 05px; float:left; height:24px;}
.albumnameviewgrid-headpagging{color:white; font-size:12px; font-weight:bold; margin:0px 10px 0px 0px; float:right; font-family:"Comic Sans MS";}
.right-content-section-albumnameviewgrid{width:638px; position:absolute; margin:320px 0px 0px 195px; color:#fff; font-family:"Comic Sans MS"; border:0px solid white;}
.right-content-albumnameviewgrid{width:115px; position:absolute; margin:365px 0px 0px 35px; color:#fff; font-family:"Times New Roman", Times, serif; text-align:center;}
.right-content-albumnameviewgrid a{margin-bottom:10px; display:block;}
.right-section-grid-albumnameviewgrid{width:620px; margin:44px 0px 5px 0px; height:500px; border:0px solid blue; color:#2d2d2d; font-size:14px; padding:0px 10px; font-family:"Comic Sans MS";}
.right-section-grid-albumnameviewgrid th {font-weight:bold; font-size:14px;}
.bottom-slider-alubumnameviewgrid{width:640px; border:0px solid red;}
.bottom-slider-alubumnameviewgrid ul{margin:20px 0px 0px 0px; padding:0px; float:left;}
.bottom-slider-alubumnameviewgrid li{margin:0px; padding:0px auto; float:left; display:inline; padding:0px 3px;}
.previous-albumnameviewgrid{float:left; margin:0px 3px 0px 0px; vertical-align:middle;}
.nextactive-albumnameviewgrid{float:right; margin:0px 0px 0px 0px; vertical-align:middle;}

/*Here is the ALBUM NAME VIEW GRID styling Ended*/

.photoalubum-headbuttons{color:white; width:500px; margin:0px 0px 0px 0px; border:0px solid aqua; float:left; font-family:"Comic Sans MS";}
.closebtn-photogallery{float:right; margin:-20px 0px 0px 0px;}
.alubumbutton-photogallery{ margin:0px; vertical-align:text-top; font-weight:bold; color:#2d2d2d; font-family:Comic Sans MS; padding:0px 0px 0px 0px; text-align:center; background-image:url(../../thinkerboard/images/img-album-name-btn.png); background-position:bottom left; background-repeat:no-repeat; width:103px; height:20px;}
.thumnailfooter-photogallery{float:left; border:0px solid red; height:25px; width:130px; margin:5px 0px 15px 0px;}

/** photo gallery pop up **/

.photo-popupWrap{
	width:480px; margin:25px auto; background:#d9d9d9; border:#000 1px solid;
}
.photo-popupContent{
	color:#000; padding:7px 8px;
}
.photo-albumName{
	font-family:'Comic Sans MS',arial; padding:7px 0px; font-size:13px; text-align:center; font-weight:bold;
}

.photo-popupContent label{
	font-family:'Comic Sans MS',arial; font-size:12px; font-weight:bold;
}
.photo-popupContent input{
	margin:3px 0px; padding:3px; font-size:12px; width:100%;
}
.photo-popupContent textarea{
	margin:3px 0px; padding:3px; font-size:12px; width:100%; height:125px;
}

.photo-add-btn{
	font-family:'Comic Sans MS',arial; padding:0px 0px; font-size:13px; font-weight:bold; height:20px; border:0px solid;
}

/** photo gallery pop up **/



/** photo gallery pop up **/


/** comments page **/

.photo-popupWrap-comments{
	width:400px; margin:25px auto; background:#d9d9d9; border:#000 1px solid;
}
.photo-popupWrap-comments2{
	width:850px; margin:25px 5px; background:#d9d9d9; border:#000 1px solid;
}
.photo-albumName-comments{
	font-family:'Comic Sans MS',arial; padding:7px 0px; font-size:13px; font-weight:bold;
}

.audio-commentsChat2{
	margin:10px; height:420px; background:#fff; font-family:'Comic Sans MS',arial; font-size:11px; font-weight:bold; color:#656565; padding:0px 10px 0px 10px;overflow:auto;
}
.audio-commentsChat{
	margin:10px; background:#fff; font-family:'Comic Sans MS',arial; font-size:11px; font-weight:bold; color:#656565; padding:0px 10px 0px 10px;
}
.audio-commentsChat b{display:block; color:#000; padding-top:10px;}
.audio-commentsChat span{display:block; padding:0px 0px 10px 0px; margin-top:5px; border-bottom:#d0d0d0 1px solid;}

.comments{
	margin:0px 4px; font-size:11px;
}
.comments select{display:block; width:70%;}