


body { margin:0; padding:0; }
button { font:12px tahoma; color:white; background:#000; cursor:pointer; border:1px solid #333; padding:5px; } 


form { padding:0; margin:0; }
a img  { border:0;  }


a { color:#476A8F; text-decoration:none;  }
a:hover { color:#067bbe; text-decoration:none; }


.error { padding:10px; font:11px tahoma; color:white;}
.error ul { list-style:square}

/* index.php */

#wrapper  { }
#wrapperbtm  {padding-bottom:10px; }
#wrapperbg  { margin:0 auto; width:1000px; }

#mainwrapper  {background:url(i/topcontentbg.gif) no-repeat; }
#mainwrapperbtm  {background:url(i/bcontentbg.gif) no-repeat bottom left;padding-bottom:10px; }
#mainwrapperbg  { margin:0 auto; background:url(i/contentbg.gif) repeat-y;margin-right:1px; }


#total-wrap {/*  background:url(i/linebg.gif) no-repeat 50% 40px ; */}
#header {  margin:0 auto 0 auto; width:1000px;  text-align:left; padding-top:13px;    }

#nav {  background:#eee url(i/navbtn.gif) repeat-x;  }
#nav a { }
#nav a:hover { text-decoration:none;}
#nav a.top-btn-current { border-right:1px solid #959595;border-left:1px solid #666;display:block; float:left; background:#fff url(i/navbtn.gif) 0 -64px repeat-x; font:bold 12px tahoma; color:#000; }
#nav a.top-btn-current b { display:block; font-weight:normal; padding:8px 10px 10px 30px;  }
#nav a b { display:block; font-weight:normal; padding:8px 10px 10px 30px;   }
#nav a.top-btn {  background:#eee url(i/navbtn.gif) repeat-x; display:block; float:left;color:#333;  font:12px tahoma; }
#nav a.top-btn:hover {text-decoration:none; display:block; float:left; background:#eee url(i/navbtn.gif) 0 -32px repeat-x;  color:#000;  }
#nav a.top-btn:active { display:block; float:left; background:#fff url(i/topbg.gif) 0 -49px repeat-x; color:#333;  }
#nav a.viewq { background:#4b545c url(i/eye_icon.gif) no-repeat 5px 50%; border:0; padding-left:20px;}
#nav a.viewq:hover { background:#53585d url(i/eye_icon.gif) no-repeat 5px 50%; border:0; padding-left:20px;}


a.but { font:11px tahoma;color:#333; border:0;display:block; float:left; padding:0; padding-right:3px; margin:0; height:27px;background:url(i/nbuttons.gif) 100% -27px no-repeat; cursor:pointer;}
a.but b { font-weight:normal; background:url(i/nbuttons.gif) no-repeat; display:block; padding:6px 3px 9px 6px;margin:0; }
a.but:hover { border:  0 ;text-decoration:none; color:#000}
a.but:active { border:0;display:block; float:left; padding:0; padding-right:3px; margin:0; height:27px;background:url(i/nbuttons.gif) 100% -83px no-repeat; cursor:pointer;}
a.but:active b { font-weight:normal; background:url(i/nbuttons.gif) 0 -56px no-repeat; display:block; padding:6px 3px 9px 6px;margin:0; }

#logo { float:left;padding:0px 0 0px 0px; height:32px;  margin-right:10px;font: bold 16px arial; display:block; width:169px;background:url(i/studygroups.gif) 10px 0px no-repeat; color:#555; }
#logo a { color:#ccc; }
#logo a:hover { color:#333; }

#right-of-header { float:right; }

.search { float:right; padding:0px 10px;}
.search input { padding:3px; border:1px solid #959595; }

#left { float:left; width:179px;  font:11px tahoma; padding:0px 0px 5px 0px;}
#left input.text  { padding:6px 6px 4px 6px;width:130px; }
#left input.afterclass { background-color:#C1C8CD !important; border:1px solid #C1C8CD !important;  }
#left input.cell {  font:12px tahoma; letter-spacing:1px;background:#fff url('i/cell.gif') no-repeat 6px 50% ;  padding-left:21px ; width:134px ; }
#left input.password { background:#fff url('i/password.gif') no-repeat 5px 50% ; padding-left:21px ; width:134px; }
#left input.school { padding:5px; font:12px calibri, tahoma;background:#fff url('i/school.gif') no-repeat 4px 50% ;padding:5px; padding-left:19px ; width:136px ; }
#left input.user { background:#fff url('i/fuser.gif') no-repeat 2px 50% ; padding-left:22px ; width:134px ; font:11px tahoma ; }
#left input.email { background:#fff url('i/email.gif') no-repeat 4px 50% ; padding-left:23px ; width:134px ; font: 11px tahoma; }


#left div.asurround {background:#fafafa url(i/navbtn.gif) repeat-x; } 
#left div.b {}
#left div.account {  color:#000;padding:9px 5px 10px 5px; font:12px tahoma;	}
#left div.account-course {  padding:5px 6px;  }
#left div.account-course-over {  padding:5px 6px;  }

#content { background:#fff;float:left; width:813px; margin-left:5px; border:1px solid #959595;padding-bottom:20px;}


#footer { padding:5px;  width:980px; margin:0px auto; font:11px tahoma; color:#666;   }
#footer a{ font:11px tahoma; color:#666; padding-right:10px;   }
#footer a:hover{ color:#444;  }

/* main.settings.php */

.account-text { font:11px tahoma; }
 
 /* main.inbox.php */
.compose-text { font:bold 11px tahoma; color:#333; }
.inbox-text { font:11px tahoma; }

 /* main.inbox.message.php */
.message-text { font: 11px tahoma; color:#333; }

 /* main.browse.users.php */
.profile-friends{ font: 11px tahoma; color:#333; }

/* main.startdiscussion.php */

/* img thumb for 50 */

.user-thumb-s{display:block;overflow:hidden;background-color:#fff;border:3px double #EEE}
.user-thumb-s{height:30px;width:20px}

.user-thumb-m{display:block;overflow:hidden;background-color:#fff;border:3px double #EEE}
.user-thumb-m{height:50px;width:50px}

.user-thumb-l{display:block;overflow:hidden;background-color:#fff;border:3px double #EEE}
.user-thumb-l{height:240px;width:200px}

#friends .friend { padding:5px;  margin-top:3px; color:#333; font:bold 11px tahoma; }

#question div.title {    font:11px tahoma; padding:5px 8px 5px 8px;  line-height:22px; z-index:1; color:#333;  }
#question td.inactive { background:url(i/inactive.gif); color:#444; cursor:default;}

#question td.incomplete { background:#ffdddd url(i/error.gif) no-repeat 98% 50%; color:#444; cursor:default; }



#question {  z-index:1;  }
#question table.question { background:#fafafa}
#question table.question td.complete { background:#CFFFD1 url(i/inactive.gif) 0 -46px repeat-x; border-top:1px solid green;color:#444; cursor:default;}
#question table.question { margin:5px; width:98%; border-collapse:collapse;  }
#question table.question td.steps {  border:0; font:11px  tahoma; }

#question table.question  td.inactive div.title {font:12px arial;}
#question .qqtitle {  font:14px  tahoma; float:left; width:150px; background:url(i/startq.gif) 100% 0 no-repeat; padding:8px 10px 8px 10px; border-right:1px solid #959595;}
#question .current{  font:14px  tahoma; float:left; width:150px; background:url(i/startq.gif) 100% -96px no-repeat; padding:8px 10px 8px 10px; border-right:1px solid #959595;}
#question .complete { background:url(i/startq.gif) 100% -32px no-repeat;}
#question .incomplete { background:url(i/startq.gif) 100% -64px no-repeat;}
input.text, 
#question textarea.text  { overflow:hidden;padding:6px 6px 4px 6px;border:1px solid #e9e9e9; /* border-top:1px solid #c4c4c4; */ background:#fff; font:12px  tahoma;  }
#question input.qtitle   { width:300px; } 
#question textarea.text  { width:300px; }
#question textarea.text  { height:30px; }
#question input.account  { padding:6px;border:1px solid #fafafa; background:#fff ;font:11px  tahoma;width:145px; }

#question input.user  { background:#fff url('i/fuser.gif') no-repeat 3px 50% ; padding-left:22px ; width:180px ; font:11px tahoma ; }
#question input.email { background:#fff url('i/email.gif') no-repeat 4px 50% ; padding-left:23px ; width:180px ; font:11px tahoma; }
input.cell { font:12px tahoma;background:#fff url('i/cell.gif') no-repeat 6px 50% ; padding-left:21px ; width:115px ; }
#question input.password { background:#fff url('i/password.gif') no-repeat 5px 50% ; padding-left:21px ;width:115px ; }

#question h3.descriptive-title { font: 16px tahoma; padding:10px 10px 0px 10px; margin:0; }
#question td h3.descriptive-title { padding:0; }

#question span.n { font:bold 11px calibri, tahoma; color:#666; }

#question div.post-step-one { background:#fefefe; font:12px tahoma; padding:1px; }

#friends input.text { margin-right:10px;padding:5px;background:#fff ;  border:1px solid #ccc; font:bold 11px tahoma; color:#000; width:150px;}
#friends input.friend_name { background:#fff url('i/fuser.gif') no-repeat 0px 5px; padding-left:19px ;   }
#friends input.friend_email { background:#fff url('i/email.gif') no-repeat 4px 50% ; padding-left:23px ;  }
#friends input.friend_email { background:#fff url('i/email.gif') no-repeat 4px 50% ; font-weight:normal; padding-left:23px ;  }
#friends input.friend_cell { font:12px calibri, tahoma;background:#fff url('i/cell.gif') no-repeat 6px 50% ; padding-left:21px ; width:95px ; }
#friends input.nocell { font:12px calibri, tahoma;background:transparent url('i/nocell.gif') no-repeat 6px 50% ; border-color:#fafafa;   padding-left:21px ; width:95px ; }
#friends input.noemail { font:12px tahoma;background:transparent url('i/noemail.gif') no-repeat 4px 50% ; border-color:#fafafa;   padding-left:23px ;  }
#friends input.error { border-color:red; background-color:#ffa9a9  }

#friends.friends {margin:0;background:#fafafa; border-collapse:collapse;border:1px solid #fafafa; width:auto; z-index:0;}
#friends.friends td { width:auto; padding:5px 5px;}


#notify-friends { padding:10px;  }
#select-school { padding:9px;  }
 /* Search styles */

#search {  font:11px tahoma;  }
#search-return { position:absolute; }
#search-return.default { border-top:0; }
#search-return div.school { font:11px tahoma;background:#fafafa;line-height:15px;padding:4px;border-top:1px solid #eee; }
#search-return div.school i { font-style:normal; font-weight:bold; background:#ccc; }
#search-return div.school-selected { cursor:pointer;font:11px tahoma;background:#4b545c;line-height:15px;padding:4px; color:#eee; border-top:1px solid #4b545c; }
#search-return div.school-selected i { font-style:normal; font-weight:bold; background:#53585d; color:white; }
#school-ajax { display:none }

#search-friends-return { position:absolute;z-index:500; }
#search-friends-return.default { border-top:0; }
#search-friends-return div.friend { font:11px tahoma;background:#fafafa url(i/fuser.gif) no-repeat 0px 50%;line-height:15px;padding:4px; padding-left:17px;border-top:1px solid #eee; }
#search-friends-return div.friend i { font-style:normal; font-weight:bold; background:#ccc; }
#search-friends-return div.friend-selected { cursor:pointer;font:11px tahoma;background:#465d70 url(i/fuser.gif) no-repeat 0px 50%;line-height:15px;padding:4px;  padding-left:17px;color:#eee; border-top:1px solid #4b545c; }
#search-friends-return div.friend-selected i { font-style:normal; font-weight:bold; background:#53585d; color:white; }


#search-course-return { position:absolute; }
#search-course-return div.course { font:11px tahoma;background:#fafafa;line-height:15px;padding:4px;border-top:1px solid #eee; }
#search-course-return div.course i { font-style:normal; font-weight:bold; background:#ccc; }
#search-course-return div.course-selected { cursor:pointer;font:11px tahoma;background:#4b545c;line-height:15px;padding:4px; color:#eee; border-top:1px solid #4b545c; }
#search-course-return div.course-selected i { font-style:normal; font-weight:bold; background:#53585d; color:white; }

div.search-note { font:11px tahoma; border:1px solid #95acb4;  border-top:0; background:#fff; }
div.search-note-friends { font:11px tahoma; border:1px solid #b7d5ea;  border-top:0; background:#EFF2F5; }


#search-for-courses { background:url(i/chain.gif) no-repeat 1% 50%;padding:0px 25px 20px 30px; display:none;}
#school-box-out { padding:1px; border:1px solid #ccc; background:#fff;}
#school-box { padding:5px 7px; font:bold 10px tahoma; color:#666; line-height:20px; background:#eee; }

#school-table {  }
#school-table div.search-title { font:bold 10px tahoma; color:#666; padding:4px 0; }
#school-table td { vertical-align:top; }

#question table.mathpanel { width:auto; } 
#question table.mathpanel td {background:#eee; } 


input.blur, textarea.blur  { background-color:#fff !important;border:1px solid #e9e9e9 !important; /* border-top:1px solid #c4c4c4 !important;  */   }
input.focus, textarea.focus  { background-color:#f7f7f7 !important; border:1px solid #a4a4a4 !important; }
input.done, textarea.done { background-color:#fafafa !important;border:1px solid #fafafa !important;  }



#ajaxLoader { display:none; }
#signupbtn { cursor:pointer; }
#loginbtn { cursor:pointer; }

.clear  { line-height:0; height:0; font-size:0;clear:both; }

/* main.view.php */

table.q-display { border-collapse: collapse; }
table.q-display td { padding:5px; font:11px tahoma; border:1px solid #eee; }
table.q-display td.display { background:#f7f7f7;}
table.q-display td.topic { background:url(i/discussion.gif) 5px 65% no-repeat;padding-left:26px;}
table.q-display tr.q-top-display { background:#f2f2f2;}
table.q-display tr.q-top-display td { }

#search-school input.school { padding:5px;border:1px solid #95acb4; font:12px tahoma;background:#fff url('i/school.gif') no-repeat 4px 50% ;padding:5px; padding-left:23px ; width:180px ; }

#p1 {  }
#p1 input.school { padding:5px;border:1px solid #95acb4; font:12px tahoma;background:#fff url('i/school.gif') no-repeat 4px 50% ;padding:5px; padding-left:23px ; width:180px ; }
#p1 input.course { padding:5px;border:1px solid #95acb4;font:12px tahoma;background:#fff url('i/courseicon.gif') no-repeat 4px 50% ;padding:5px; padding-left:23px ; width:176px ; }

#qreturn {  font:11px tahoma; }



div.friend-has-cell { background:url(i/no-cell.gif) no-repeat 1px 1px; width:30px; height:22px; cursor:pointer;}
div.friend-has-cell-over { background:url(i/no-cell.gif) no-repeat 1px -21px; width:30px; height:22px; cursor:pointer; }

div.friend-has-email { background:url(i/no-email.gif) no-repeat 1px 1px; width:30px; height:22px; cursor:pointer;}
div.friend-has-email-over { background:url(i/no-email.gif) no-repeat 1px -21px; width:30px; height:22px; cursor:pointer; }

a.button {  font:bold 14px tahoma; width:12px; margin-right:3px; text-align:center; display:inline; padding:0px 5px;
 cursor:pointer; background:#eee; border:1px solid #f0f0f0;border-bottom:1px solid #999; border-right:1px solid #999;line-height:20px; }
a.button:hover {  font:bold 14px tahoma; width:12px; margin-right:3px; text-align:center; display:inline; padding:0px 5px;
 cursor:pointer; background:#eee;  border:1px solid #666; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:20px; }


 
a.button-next {  font:10px tahoma; width:12px; margin-right:3px; text-align:center; display:inline; padding:4px 5px 4px 5px;
 cursor:pointer; color:#ccc; background:#333;  line-height:30px; }
a.button-next:hover {color:#fff;  font:10px tahoma; width:12px; margin-right:3px; text-align:center; display:inline; padding:4px 5px 4px 5px;
 cursor:pointer;background:#888;line-height:30px; }

a.button-reg {  font:10px tahoma; width:12px; margin-right:3px; text-align:center; display:inline; padding:7px 9px 7px 9px;
 cursor:pointer; color:#eee; background:#333; line-height:30px; }
a.button-reg:hover {color:#fff;  font:10px tahoma; width:12px; margin-right:3px; text-align:center; display:inline; padding:7px 9px 7px 9px;
 cursor:pointer;background:#888;line-height:30px; }

a.start_discussion  { background:#eee url(i/start_discussion.gif) no-repeat 93% 50%;padding:7px 30px 7px 9px; } 
a.start_discussion:hover { background:#eee url(i/start_discussion.gif) no-repeat 93% 50%;padding:7px 30px 7px 9px; } 
 
a.logout { padding-left:30px; background:#eee url(i/logout.gif) no-repeat 5px 50%; } 
a.logout:hover { padding-left:30px; background:#eee url(i/logout.gif) no-repeat 5px 50%; } 
 

#q0 , #p0, #f0, #s0, #e5,  #ef0 {font:11px tahoma;   display:none;}
.error { padding:10px;border:1px solid #9c2222;  background:#000; color:#000; margin-top:5px; }
.error2 { padding:5px 10px;  background:#000; color:#000; }
#q0 ul , #p0 ul, #f0 ul, #s0 ul, #e5 ul, #r1 ul,  #ef0 ul { list-style:square }
#ajaxInviteFriends { display:none; }


#cellcheck-loader { display:none; }

.input-space { padding:3px 0; }
.input-space2 { padding:5px 0; }
.account-note { color:#666;font:bold 10px tahoma; padding:5px 0px 3px 0; }

table.remember  { padding:0; margin:0; }
table.remember td { padding:1px; font:10px tahoma; color:#666; }
table.remember td.rem { cursor:pointer; }
table.remember td.rem a { color: #666 }
table.remember td.rem a:hover { color: #000 }

#a1 { display:none; }
#a2 { display:none; }



.qsummary {  font:bold 12px tahoma;color:#666; }


.select-5 { font:11px tahoma; color:#666; padding:2px; border:1px solid #a2c89a }

table.step-5-table {  border-collapse:collapse; }
table.step-5-table td { padding:5px; }
table.step-5-table tr { cursor:pointer; }
.step-5-td-titles { font:bold 10px tahoma; color:#555; }
.back-anim { background:url(i/anim.gif);  } 

#discussion-success { background:#f4edb5 url(i/star.gif) no-repeat 98% 10%;margin-left:20px;margin-right:100px;font:14px tahoma; }

#other-schools-arrow { background:url(i/drop_arrow.gif) no-repeat 5px 28px; height:50px; width:16px; }
#other-schools-arrow.over { background:url(i/drop_arrow.gif) no-repeat 5px -47px; cursor:pointer; height:50px; width:16px; }


.align-button { padding:10px 5px; }
#ajaxLogin { display:none; }
#ajaxRegister { display:none; }
#vcode-cell-number { font:bold 12px calibri, tahoma; }

#question table.response-time  { width:auto; border-collapse: collapse; } 

ul.thank-you li { list-style-type:square; }

.create-course { border-top:1px solid #eee; padding:5px; }


table.popbox { z-index:30;border-collapse:collapse; display:none;  position:absolute; }
table.popbox td { margin:0; padding:0}
.tl { width:5px;height:10px; background:url(i/box/b.png) no-repeat }
.tr { width:5px;height:10px; background:url(i/box/b.png) top right no-repeat }
.top {  background:url(i/box/b.png) repeat-x; }
.bl { width:10px;height:10px; background:url(i/box/b.png) no-repeat }
.br { width:10px;height:10px; background:url(i/box/b.png) bottom right no-repeat }

.bottom { background:url(i/box/b.png) repeat-x; }
.left {width:5px; background:url(i/box/b.png) repeat-y; }
.right { width:5px;background:url(i/box/b.png) repeat-y; }
 table.popbox td.content { background:#fff;font:12px tahoma; }
.box-heading { background:#f6f6f6;padding:7px; font:bold 11px tahoma; }
.box-body { padding:10px; line-height:25px; }
.buttons { text-align:right; padding:10px;  background:#fafafa; }
						
#overlay {position:absolute; top:0; left:0; background:#000;opacity:0.3;filter:alpha(Opacity=30); width:100%;z-index:10;display:none; }						


ul.left-account-list { list-style:square;list-style-image:url(i/lock_small.gif);margin:0;margin-top:5px; padding:0;padding-left:20px; }

a.btn { background:#888;padding:5px 10px 5px 10px; }
a.btn:hover {background:#333;padding:5px 10px 5px 10px; }
a.btn:active { background:#000;padding:5px 10px 5px 10px; }

a.signup { color:#eee;}
a.signup:hover { color:#eee;background:#333}
a.signup:active {background:#000  ; }

a.login { color:#eee; }
a.login:hover {  color:#eee;background:#333; }
a.login:active { background:#000  }



.dbox { margin-left:15px; width:570px;  border:1px solid #ccc; }
.dbox-over { margin-left:15px; width:570px; border:1px solid #B7D5EA; }
.reply { margin:0;margin-bottom:5px; }

.error-view { margin:5px;padding:10px;background:#ffded9; font:bold 11px tahoma; border:1px solid #e17272; }
.dtitle {  font:bold 16px arial;padding:5px 0; }


.default-view { font:12px tahoma;padding:10px; }

.v0-log1, .log { padding:5px 2px; font:12px tahoma; color:#333;background:#f6f6f6; }
.success { background:#e5ffc2 !important; border:1px solid #b2e172; padding:10px; margin-top:5px;color:#000; }
.success2 { background:#e5ffc2 !important; padding:5px 10px; color:#000; }
.success3 { background:#e5ffc2 !important; border:1px solid #b2e172; padding:10px; margin:5px; font:bold 11px tahoma; color:black; }

.reply-return { padding:5px 5px 5px 10px; background:url(i/statusbg.gif); border:1px solid #ccc;border-bottom:0; }

.reply-form { padding:5px;background:url(i/linkbg1.gif) repeat-x;border:1px solid #ccc; }

#vcontent { border:1px solid #eee;border-top:0; }
.v0-log1 {  }
#question.v0-question {  padding:0;font:11px tahoma;width:580px;float:left }
.v0-qtitle { font:16px tahoma;padding:5px 0;border-top:1px solid #eee; }
.v0-container { border-top:1px solid #eee;font:12px tahoma; margin-bottom:1px; background:url(i/panelbg.gif) repeat-x }
.v0-user-info { padding:3px 0px 4px 5px;width:300px; float:left; }
.v0-post { background:url(i/postbg.gif) no-repeat top left;padding:10px 0px 0 0px; }
.v0-content { font: 12px 'trebuchet ms'; padding:5px;background:url(i/dialogbg.gif) repeat-x; }
.v0-right-side { border-left:1px solid #eee; width:230px; float:left; font:11px tahoma; padding-top:1px; }
.v0-right-title { padding:6px 5px 5px 10px; background:url(i/panelbg.gif);font:bold 11px tahoma; }
.v0-date { padding:5px;float:right; width:150px;font:10px tahoma; color:#666;text-align:right; padding-right:10px; }
.v0-info-update { padding:5px; background:#fff8e1; }

.v0-reply { text-align:right;padding:4px;font:10px arial }
.v0-img { width:20px; float:left; }
.v0-name { width:270px; padding-top:2px;float:left; }

.v0-on-user { padding:5px 2px 5px 18px; margin-top:1px; font:11px tahoma; background:#fff url(i/fuser.gif) no-repeat 0px 4px}
.v0-off-user { padding:5px 2px 5px 18px; margin-top:1px; font:11px tahoma; background:#fff url(i/offline-user.gif) no-repeat 0px 4px}

.v0-status { font:10px tahoma; }
.v0-right-content { padding:5px; }


.top-panel { padding:8px 5px 7px 10px; font:11px tahoma; }
#browse{  z-index:1; font:12px tahoma;  }