body {
  margin: 0px;
  padding: 0px;
  background:transparent url('/images/bg_body.gif') repeat-x top left;
  font:bold 11px/11px tahoma;
}

textarea {resize:none;}

#wrapper {
  margin: 0px auto;
  width:744px;
}

#top_bar {
  color:white;
  font:11px/26px tahoma;
  height:27px;
}

#top_bar #user_login {
  xxfloat:right;
  text-align: right;
}

#top_bar #company_name {
  float:left;
}


a {
  color:#0040a0;
}

a:hover {
  color:#ff0096;
}

p,h1,h2,h3 {margin:0;padding:0}

#top_bar a {
  color:#a3d2ff;
}

#top_bar a:hover {
  color:#4372fa;
}

#content {
  margin-top: 11px;
  background:transparent url('/images/bg_top_content.png') no-repeat top left;
}

.question_page #content, #user_show_question_page #content, #user_show_starred_question_page #content, #user_show_wrong_question_page #content,
#user_show_test_page #content, #user_review_test_page #content, #user_correct_test_page #content,
#user_show_try_page #content, #user_review_page #content {
  margin-top: 11px;
  background:transparent url('/images/bg_top_content_admin_qshow.png') no-repeat top left;
}

/*Toolbox*/

#toolbox {
  height:51px;
  font:10px/10px tahoma;
  padding:0 3px;
}

#toolbox a {
  color:#494949;
  text-decoration:none;
}

.question_page #toolbox li.qshow_rtoolbox a, .question_page #toolbox li.qshow_ltoolbox a,
#user_show_question_page #toolbox li.qshow_rtoolbox a, #user_show_question_page #toolbox li.qshow_ltoolbox a,
#user_show_starred_question_page #toolbox li.qshow_rtoolbox a, #user_show_starred_question_page #toolbox li.qshow_ltoolbox a,
#user_show_wrong_question_page #toolbox li.qshow_rtoolbox a, #user_show_wrong_question_page #toolbox li.qshow_ltoolbox a,
#user_show_test_page #toolbox li.qshow_rtoolbox a, #user_show_test_page #toolbox li.qshow_ltoolbox a,
#user_review_test_page li.qshow_rtoolbox a, #user_review_test_page li.qshow_ltoolbox a,
#user_show_test_page #toolbox li.toolbar_time_li .tool_text, #user_review_test_page #toolbox li.toolbar_time_li .tool_text,
#user_correct_test_page #toolbox li.qshow_rtoolbox a,#user_show_try_page #toolbox li.qshow_rtoolbox a,#user_show_try_page #toolbox li.qshow_ltoolbox a,
#user_review_page #toolbox li.qshow_rtoolbox a
 {
  color:#FFF;
}

#toolbox ul {
  height:50px;
  margin: 0px;
  padding: 0px;
  display:inline;
}

#toolbar ul.left_toolbar {
  float:left;
}

#toolbar ul.right_toolbar {
  float:right;
}


#toolbox li {
  list-style: none;
  display:block;
  height:46px;
  width:60px;
  margin:3px 2px 2px 2px;
  font-size:10px;
}

#toolbox .right_toolbar li {
  float:right;
  background:url('/images/toolbar_divider.gif') repeat-y top left;
}

#toolbox .left_toolbar li {
  float:left;
  background:url('/images/toolbar_divider.gif') repeat-y top right;
}

#toolbox .right_toolbar li.qshow_rtoolbox {  background:url('/images/toolbar_divider_admin_qshow.gif') repeat-y top left;}
#toolbox .left_toolbar li.qshow_ltoolbox {   background:url('/images/toolbar_divider_admin_qshow.gif') repeat-y top right;}


#toolbox a {
  display:block;
  width:54px;
  height:46px;
  float:left;
  position:relative;
  text-align:center;
  padding:0;
}

#toolbox .text_box_tool_item {
  display:block;
  width:54px;
  height:46px;
  float:left;
  position:relative;
  text-align:center;
  padding:0;
}


#toolbox .left_toolbar a {
  float:left;
}

#toolbox .right_toolbar a {
  float:right;
}


#toolbox .right_toolbar li.qshow_rtoolbox a:hover, #toolbox .right_toolbar li.qshow_rtoolbox .active,
#toolbox .left_toolbar li.qshow_ltoolbox a:hover, #toolbox .left_toolbar li.qshow_ltoolbox .active  {
  background:transparent url('/images/toolbar_highlight_admin_qshow.png') no-repeat top center;
}

#toolbox a:hover, #toolbox .active {
  background:transparent url('/images/toolbar_highlight.png') no-repeat top center;
  *cursor:hand;
}



#toolbox .toolbar_time {
  display:block;
  width:120px;
  height:46px;
  float:left;
  position:relative;
  text-align:center;
}

#toolbox .toolbar_time_li {
  width:125px;
}

#toolbox .tool_text {
  position:absolute;
  display:block;
  *left:0px;
  _left:0px;
  bottom:5px;
  text-align:center;
  width:100%;
}

#toolbox .tool_icon {
  position:absolute;
  top:4px;
  *left:0px;
  _left:0px;
  display:block;
  height:22px;
  text-align:center;
  display:block;
  width:100%;
}

#toolbox .text_box_tool_item .tool_icon {
  font:bold 18px/16px "trebuchet ms";
  margin-top:3px;
}


.tool_next { background:transparent url('/images/toolbar_next.png') no-repeat top center; }
.tool_previous { background:transparent url('/images/toolbar_prev.png') no-repeat top center; }
.tool_questions { background:transparent url('/images/toolbar_questions.png') no-repeat top center; }
.tool_users { background:transparent url('/images/toolbar_users.png') no-repeat top center; }
.tool_home { background:transparent url('/images/toolbar_home.png') no-repeat top center; }
.tool_bookmark { background:transparent url('/images/toolbar_bookmark.png') no-repeat top center; }
.tool_bookmarked { background:transparent url('/images/toolbar_bookmarked.png') no-repeat top center; }
.tool_overview { background:transparent url('/images/toolbar_overview.png') no-repeat top center; }
.tool_correction { background:transparent url('/images/toolbar_correction.png') no-repeat top center; }
.tool_exit { background:transparent url('/images/toolbar_exit.png') no-repeat top center; }
.tool_time { background:transparent url('/images/toolbar_time.png') no-repeat top center; }
.tool_newexam { background:transparent url('/images/toolbar_newexam.png') no-repeat top center; }
.tool_newquestion { background:transparent url('/images/toolbar_newquestion.png') no-repeat top center; }
.tool_delete { background:transparent url('/images/toolbar_delete.png') no-repeat top center; }
.tool_edit { background:transparent url('/images/toolbar_edit.png') no-repeat top center; }
.tool_save { background:transparent url('/images/toolbar_save.png') no-repeat top center; }
.tool_help { background:transparent url('/images/toolbar_help.png') no-repeat top center; }
.tool_log { background:transparent url('/images/toolbar_log.png') no-repeat top center; }
.tool_locale { background:transparent url('/images/toolbar_locale.png') no-repeat top center; }

/*Messagebox*/

#messagebox {
  height:25px;
  color:white;
  font:bold 13px/25px "Trebuchet MS";
  padding: 0px 8px;
  position:relative;
}
#contentbox {
  background:transparent url('/images/bg_content_box.gif') repeat-y top left;
  padding:10px;
  position:relative;
  min-height:100%;
}

#content_closer {
  background:transparent url('/images/bg_footer.gif') no-repeat top left;
  height:6px;
}

/*Table Styling*/
.table_list {
  width:100%;
  font:12px/16px "trebuchet MS" ;
  padding: 0px;
  margin: 0px;
  border-bottom:1px solid #646464;
}

.table_list th {
  background-color:#646464;
  color:white;
  margin: 0px;
  padding: 5px;
  border:0;
  border-right:1px solid #8a8a8a;
}

.table_list td {
  padding: 5px;
  margin: 0px;
  border:0;
  font:11px/16px "Tahoma" ;
}

.table_list tr {
  padding: 0px;
  margin: 0px;
  border:0;
}

tr.even_row td {
  background-color:#eee;
}

.table_list a {
  font-weight:bold;
}

/* Show Table */

.show_table {
  width:590px;
  font:15px/16px "trebuchet MS" ;
  padding: 0px;
  margin: 0px 0px 0px 15px;
  *margin: 0px 0px 0px 120px;
  border-bottom:1px solid #646464;
}

.show_table td {
  padding: 5px;
}
.show_table tr {

}

.show_table .table_key {
  color:#555;
  width:150px;
  text-align:right;
}
.show_table .table_value {
  font-weight:bold;
}

/* Content Header */
#content_header {
  border-bottom:1px solid #444;
  height:22px;
  margin-bottom:10px;
}
#content_title {
  font:bold 20px/16px "arial";
  float:right;
}
#content_options {
  float:left;
  width:400px;
  text-align:right;
}

#content_options ul {
  padding: 0px;
  margin: 0px;
  display:inline;
}

#content_options li {
  float:left;
  display:block;
  font:11px/11px tahoma;
  margin:0 2px;
  padding:5px 15px;
  background-color:#888;
  color:#fff;
  border:1px solid #888;
  border-width:1px 1px 0 1px;
}

#content_options li.active {
  background-color:#444;
}

#content_options li a {
  color:#fff;
  padding:0 5px;
}
#content_options li a:hover {
  color:#a3d2ff;
}

.user_img {
  width:105px;
  float: right;
}

.logo {
  padding:8px 0px 0px 8px;
}

a.btn {
  font:11px/15px tahoma;
  padding:5px 4px 5px 23px;
  border:1px solid #444;
  text-decoration:none;
  color:#333;
  margin:0 4px;
}

a.btn:hover {
  background-color:#555;
  color:white;
}


.edit {
  background:#ddd url('/images/edit.png') no-repeat 6px 5px;
}

.delete {
  background:#ddd url('/images/delete.png') no-repeat 6px 5px;
}

#loginbox {
  width:361px;
  height:290px;
  background:transparent url('/images/bg_login.png') no-repeat top left;
  margin:40px auto;
  padding:90px 20px 20px;
  font:bold 11px/11px tahoma;
}

#loginbox label {
  display:block;
  margin-bottom:2px;
}

input {
  display:block;
  margin-bottom:15px;
  width:310px;
  padding:3px;
  font-family:"trebuchet ms";
}

.edit_table input {
  display:block;
  margin-bottom:0px;
  width:400px;
  padding:3px;
}

input[type="hidden"] {
  display:none;
  visibility:hidden;
  width:1px;
}


.btn_submit {
  padding:6px;
  width:auto;
}

.edit_table .btn_submit {
  padding:6px;
  width:auto;
  float:right;
  display:inline;
  margin:15px 10px 0 0;
  font-family: "trebuchet ms";
}

.edit_table .checkbox{
  width:auto;
  display:inline;
}

.edit_table label{
  margin:0;
  display:inline;
  font-weight:normal;
  font-size:12px;
}


.flash_message {
  padding:15px;
  color:green;
  background-color:#AAFFAA;
  border:1px solid green;
  margin: 0 0 10px 0;
}

.error_message {
  padding:15px;
  color:red;
  background-color:#FFAAAA;
  border:1px solid red;
  margin: 0 0 10px 0;
  width:300px;
}

#user_signup_page .error_message {
  margin: 0 25px 10px;
}


.error_message h2,.error_message p {
  font:bold 16px/19px "trebuchet ms";
}

.error_message li {
  font:normal 11px/16px "tahoma";
  margin:0 10px;
  list-style-type: none;
}


.signup_form {
  padding:25px;
}

.signup_form input {}

.signup_form span {
  display:block;
  color:#777;
  margin:-10px 0 15px;
}

.signup_form select {margin-bottom:15px;width:310px}
#customer_edit_page select {width:400px;padding:3px}

.singup_form label {}

hr {
  width:320px;
  height:1px;
  color:#CCC;
  text-align:left;
  clear:both;
  margin:20px 0;
}

.signup_info {
  position:absolute;
  top:45px;
  right:30px;
  width:290px;
  color:#555;
  background-color:#DDD;
  border:1px solid #777;
  padding:20px;
}

.signup_info h2 {
  margin-bottom: 10px;
}


ul, li {
  margin:0;
  padding:0;
}

#question_text {
  float:left;
  width:300px;
  *margin-right:24px;
}

#question_text h3 {
  font: bold 16px/22px  Arial, Helvetica,Verdana,sans-serif;
  color:#333;
  padding:0 0 0 5px;
}

#question_text h3 span, .q_number_big {
  font: bold 20px/22px  "trebuchet ms", verdana, sans-serif;
  color:#999;
}

#question_text li {
  list-style-type:none;
  background:transparent url('/images/answer_seperator.png') no-repeat bottom center;
  margin:5px;
  padding:15px 2px;
  *min-height:26px;
}

#question_text a {
  display: block;
  float:left;
  height:27px;
  width:27px;
  background:#ccc url('/images/test_buttons.png') no-repeat top left;
  outline: none;
}

#question_text a:hover {
  background:#ccc url('/images/test_buttons.png') no-repeat 0px -27px;
}

#question_text a span { display: none;}

#question_text p {
  font: normal 16px/26px  Arial, Helvetica,Verdana,sans-serif;
  color:#444;
  padding:0 0 0 35px;
}

#question_text a.q_selceted {
  background:#ccc url('/images/test_buttons.png') no-repeat 0px -54px;
}

#question_text a.q_answered_wrong {
  background:#ccc url('/images/test_buttons.png') no-repeat 0px -81px;
}

#question_text a.q_answered_correct {
  background:#ccc url('/images/test_buttons.png') no-repeat 0px -108px;
}

#question_photo {
  float:right;
  *float:none;
  width:400px;
  background:#bebebe url('/images/no_photo.png') no-repeat top left;
  height:330px;
  text-align:center;
  vertical-align:middle;
}

#question_edit_page #question_photo input {
  margin:100px 0 0 !important;
}


#question_photo img {
  border:0;
  margin:5px 0px;
}

#question_answer {
  float:right;
  width:320px;
  background:#bebebe url('/images/bg_correct_answer.png') no-repeat top left;
  height:37px;
  padding:0px 40px;
  color:#006d2d;
  font: bold 16px/35px  Arial, Helvetica,Verdana,sans-serif;
  margin:10px 0;
}

#question_notes {
  clear:both;
  padding:10px;
  margin: 10px 0;
  background-color: #fbf780;
  border:1px solid #dfc223;
  color: #7c6900;
  font: 13px/16px  "Comic Sans MS","Brush Script MT",cursive;
}

a.q_box {
  width:54px;
  height:54px;
  display:block;
  float:left;
  position:relative;
  background:#dbdbdb url('/images/bg_overview_box.png') no-repeat top left;
}

#overview-box {
  /*width:550px*/
}

#overview-box a {
  width:54px;
  height:54px;
  display:block;
  float:left;
  position:relative;
  background:#dbdbdb url('/images/bg_overview_box.png') no-repeat top left;
  margin:0 1px 1px 0;
  text-decoration:none;
}

#overview-box a:hover {
  background:#dbdbdb url('/images/bg_overview_box.png') no-repeat 0px -54px;
}

#overview-box .q_number {
  position:absolute;
  top:4px;
  left:4px;
  font:bold 18px/18px "trebuchet ms", sans-serif;
  color:#333;
}
#overview-box .q_starred {
  position:absolute;
  top:4px;
  right:4px;
  width:16px;
  height:16px;
  background:transparent url('/images/star.png') no-repeat top left;
}
#overview-box .q_correct {
  position:absolute;
  bottom:4px;
  right:4px;
  width:16px;
  height:16px;
  background:transparent url('/images/correct.png') no-repeat top left;
}

#overview-box .q_wrong {
  position:absolute;
  bottom:4px;
  right:4px;
  width:16px;
  height:16px;
  background:transparent url('/images/wrong.png') no-repeat top left;
}

#overview-box .q_no_answer {
  position:absolute;
  bottom:4px;
  right:4px;
  width:16px;
  height:16px;
  background:transparent url('/images/no_answer.png') no-repeat top left;
}

#overview-box .q_difficulity {
  position:absolute;
  bottom:4px;
  left:4px;
  height:5px;
  background:transparent url('/images/difficulity.png') no-repeat top left;
  border:1px solid #555;
}

#overview-message {
  padding:10px;
  color:#444;
  background-color:#eee;
  font:bold 11px/16px tahoma, verdana, sans-serif;
  -webkit-border-radius: 6px;
  -moz-border-radius   : 6px;
  border-radius        : 6px;
  margin:10px;
}

#welcome-box {
  background:#3d3d3d url('/images/bg_welcome_top.jpg') no-repeat top left;
  width:715px;
  min-height:135px;
  _height:135px;
  color:white;
  margin-left:4px;
  position:relative;
}

#welcome-box-closer {
  background:#3d3d3d url('/images/bg_welcome_bottom.jpg') no-repeat top left;
  width:715px;
  height:6px;
  margin-left:4px;
  *margin-left:0px;
}

#welcome-box  h2 {
  width:415px;
  padding:20px 0 0 20px;
  font:bold 24px/24px "trebuchet ms";
}

#welcome-box  p {
  width:415px;
  padding:10px 20px;
  font:normal 13px/15px "trebuchet ms";
}

#welcome-box  a.close {
  position:absolute;
  width:15px;
  height:15px;
  display:block;
  top:5px;
  right:5px;
  background:transparent url('/images/welcome_close.png') no-repeat top left;
}

#welcome-box  a.close  span { display:none;}

.exam_box {
  width:394px;
  height:74px;
  background:#f0f0f0 url('/images/bg_exam_box.png') no-repeat top left;
  margin:10px 0 0px 4px;
  position:relative;
}

.exam_box_especial {
  width:310px;
  height:74px;
  background:#f0f0f0 url('/images/bg_exam_box_especial.png') no-repeat top left;
  margin:10px 0 0px 0px;
}

#exam_list {
  width:394px;
  float:left;
  position: relative;
}

#exam_list_especial {
  float:right;
  width:310px;
  margin-right:4px;
  position: relative;
}
.exam_box  h3{
  width:230px;
  background:transparent url('/images/exam_icon.png') no-repeat center left;
  position:absolute;
  top:10px;
  left:7px;
  font:bold 16px/25px "trebuchet ms";
  padding:0 0 0 42px;
  min-height:32px;
  _height:32px;
}

.exam_box  h3.starred {background:transparent url('/images/exam_starred.png') no-repeat center left;}
.exam_box  h3.wrong {background:transparent url('/images/exam_wrong.png') no-repeat center left;}
.exam_box  h3.final {background:transparent url('/images/exam_final.png') no-repeat center left;}

.exam_box  p {
  width:265px;
  position:absolute;
  bottom:12px;
  left:15px;
  font:normal 11px/11px tahoma, verdana;
  padding:0;
  color:#777;
}

.exam_box  ul {
  width:120px;
  position:absolute;
  top:7px;
  right:-2px;
}

.exam_box_especial  ul {
  top:36px;
}

.exam_box  li {
  list-style-type: none;
}


.exam_box  a.review , .exam_box  a.take_test  {
  display:block;
  height:26px;
  padding:0 0 0 30px;
  font:bold 13px/26px "trebuchet ms";
  text-decoration:none;
  color:#57585d;
  margin:3px;
}

.exam_box  a.review {  background:#aeb1b7 url('/images/exam_buttons.png') no-repeat 0px 0px;}
.exam_box  a.take_test {background:#aeb1b7 url('/images/exam_buttons.png') no-repeat 0px -52px;}
.exam_box  a.review:hover {background:#aeb1b7 url('/images/exam_buttons.png') no-repeat 0px -26px;color:#0175bf;}
.exam_box  a.take_test:hover {background:#aeb1b7 url('/images/exam_buttons.png') no-repeat 0px -78px;color:#0175bf;}


#question_edit_page #question_notes, #question_new_page #question_notes {
  width:700px;
  margin:2px 0;
  height:100px;
}

#question_edit_page #question_photo input, #question_new_page #question_photo input {
  display:block;
  margin:220px auto 0 !important;
  width:50%;
}

#question_question {
  height: 50px;
  resize:none;
}

#question_edit_page #question_photo label, #question_new_page #question_photo label {
  display:block;
  margin:10px;
  color:#333;
  font:bold 15px/13px "trebuchet ms";
}

#question_edit_page #question_answer, #question_new_page #question_answer {background-image: url('/images/bg_delete_photo.png');}
#question_edit_page #question_answer a, #question_new_page #question_answer a {color:#b60d00;}
#question_edit_page select, #question_new_page select {font:normal 11px/11px tahoma;}

#question_edit_page input.q_input, #question_new_page input.q_input {
  width:296px;
  font-size:15px;
  font-weight:bold;
  padding:3px;
  margin-top:2px;
}

#question_edit_page .answer_input, #question_new_page .answer_input {
  width:225px;
  font-size:13px;
  display:inline;
  margin:0;
  height: 40px;
  resize:none;
}


.hide_me {display:none;}

#spinner  {
  border:0pt none;
  height:16px;
  left:19px;
  position:absolute;
  text-align:center;
  top:8px;
  width:16px;
}

.spinner  {
  border:0pt none;
  height:16px;
  width:16px;
  position:relative;
  top:5px;
  left:6px;
}


.signup-logo {
  margin-top:8px;
  float:left;
  border:0;
}

#toolbox a.home_link, #toolbox a.home_link:hover {
  border:0;
  padding:0;
  margin:0;
  background:none;
}

#user_help_page #contentbox h2, #user_show_log_page #contentbox h2 {
  margin:10px;
  font:bold 16px/16px "Trebuchet MS";
}

#user_help_page #contentbox p {
  margin:10px;
  font:normal 13px/15px "Trebuchet MS";
}



#user_show_log_page #contentbox table td, #customer_show_activity_page #contentbox table td {
  text-align:center;
}

#messagebox .difficulity {
  position: absolute;
  right: 10px;
  top:1px;
  display:block;
}

#datetime_selects select {width:70px;margin-bottom:0}
#datetime_selects div select {width:70px;margin-bottom:0}
#datetime_selects {margin-bottom:15px}

th a {
  border:0;
  text-decoration: none;
  color:#FFF;
}

th a img {border:0;}

#exam_list_page #exam_list_especial h3 {
  font:bold 15px/18px "trebuchet ms";
  margin:8px 0px 4px;
}

.lang-fa-IR {
  padding:0 10px 0 20px;
  background:url(/images/flags/fa-IR.png) no-repeat center left;
  float:left;
  display:block;
}

.lang-sv-SE {
  padding:0 10px 0 20px;
  background:url(/images/flags/sv-SE.png) no-repeat center left;
  float:left;
  display:block;
}

.lang-en-US {
  padding:0 10px 0 20px;
  background:url(/images/flags/en-US.png) no-repeat center left;
  float:left;
  display:block;
}

#top_bar ul {
  display:block;
  float:right;
  width:220px;
}

#top_bar li {
  display: block;
  float:right;
  list-style-type: none;
  font-size:11px;
}


.user_login_text {
  float:right;
  text-align:right;
  width:200px;
}

form {
  margin:0;padding:0;
}

.xnumber {
  float:right;
}

.signup_form input {text-align:left}

#go_to_home {
  float:left;
}

.signup_info p {
  font:normal 11px/16px tahoma;
  margin:5px;
}

.footer {
  color:#999;
  width:744px;
  margin:10px auto 50px;
}

.footer a { color:#555;}

.full_name {margin:0 0 20px;}

.begin {float: left;width:200px;}