/* GENERIC */
img {
  border: 0;
  vertical-align: middle;
}

form {
  margin: 0;
  padding: 0;
}

input {
  font-size: 1em;
}

table {
  font-size: 1em;
}

p {
  margin: 0;
  padding: 0 0 15px;
}

ul,ol {
  margin: 0;
  padding: 0 0 15px 30px;
}

li {
  margin: 0;
  padding: 0;
}

.clear {
  clear: left;
  height: 1px;
  font-size: 1px;
}

.pointer {
  cursor: pointer;
}
.middle {
  vertical-align: middle;
}

.red {
  color: crimson !important;
}
.bold {
  font-weight: bold !important;
}
.hidden {
  visibility: hidden;
}

a.hidden_a {
  color: black;
  text-decoration: none;
}

.faq_question {
  color: #3A00F4;
  text-decoration: none;
}

.dotted {
  border: 0px dotted #999;
}
.dotted.full {
  border-width: 1px;
}
.dotted.top {
  border-top-width: 1px;
}
.dotted.right {
  border-right-width: 1px;
}
.dotted.bottom {
  border-bottom-width: 1px;
}
.dotted.left {
  border-left-width: 1px;
}

img.bordered_img {
  border: 1px solid #666;
}

a {
  color: #369;
}

a:link {
  color: #369;
  text-decoration: none;
}

a:visited {
  color: #369;
  text-decoration: none;
}

a:hover {
  color: #39f;
  text-decoration: underline;
}

label {
  cursor: pointer;
}

/* PAGE */
body {
  margin: 0;
  background: transparent;
  font-family: Arial, sans-serif;
}

td,select,input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #003;
}
textarea {
  border: 1px solid #969696;
}
select,input {
  vertical-align: middle;
}
input.agreement{
  float:left;
}

input[type="email"],input[type="text"],input[type="password"] {
  padding: 2px 0 2px 3px;
  margin: 0;
  /* Using !important in general classes is rather bad practice */
  /*background: url(/images2/home/inputbg.gif) repeat-x;*/
  color: black; /* why mess up with users' heads grey says disabled field (NOTE: affects all input) */
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px !important;
  border: 1px solid #AAAAAA;
  border-right-width:0 !important;
  border-top-width:0 !important;
}

/* header and content */
.sh_left {
  width: 820px;
  margin: 0 auto;
  background-position: top left;
  background-repeat: repeat-y;
}

.sh_right {
  width: 800px;
  margin-left: 20px;
  background-position: top right;
  background-repeat: repeat-y;
}

.clean {
  background: none !important;
  color: black !important;
}

#header,#content {
  width: 780px;
}

#header_out,#content_out {
  min-width: 820px;
}

/* HEADER */
#header_out,#header {
  background-position: top center;
  background-repeat: repeat-x;
}

#header {
  height: 131px;
  position: relative;
}
.seperator{
  width:720px;
  background: #fff;
  padding:0 15px;
  text-align:center;
  margin:20px 0;
}
.seperator1{
  width:750px;
  padding:0 15px;
  text-align:center;
  margin:20px 0;
}
#header_out {
}

/* start common standard page */

.common_standard{
  width:100%;
  padding:0 0 0 0;
  overflow:hidden;
}
.common_standard h3{
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#000;
  padding:0 0 10px 0;
}
.right_pic{
  width:360px;
  float:right;
  padding:0 0 5px 10px;
  overflow:hidden;
}
.left_pic{
  width:360px;
  float:left;
  padding:0 10px 5px 0;
  overflow:hidden;
}
.common_standard p{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000;
  line-height:18px;
  padding:0 0 10px 0;
}
.common_standard p a{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#336699;
  text-decoration:none;
}
.common_standard p a:hover{
  color:#3399FF;
  text-decoration:underline;
}
.common_standard ul{
  padding:0;
  margin:0;
}
.common_standard ul li{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000;
  background: url(/images/frontbullet-check.gif) no-repeat 0 0;
  padding:0 0 10px 20px;
  list-style:none;
  line-height:18px;
}



/* end common standard page*/

#header_out .sh_left,#header_out .sh_right {
  background: white;
}

#main_logo {
  display: block;
  float: left;
  margin-left: 27px;
  margin-top: 15px;
}

/* login form */
.text{
  float:left;
  overflow:hidden;
  padding:0 0 0 5px;
}
.login_area {
  border: 1px solid #8b0606;
  float: right;
  width: 204px;
  background: white url("/images2/common/login_back.jpg") bottom left no-repeat;
  margin: 1px 12px 0 0;
  padding: 8px 10px;
  font-size: 12px;
  text-align: left !important;
}
.login_area.clean {
  border: 0;
  margin: 5px 0 0;
  background: none;
  width: auto !important;
  text-align: right !important;
  position: relative;
}

.login_area input {
  border: 1px solid #585858;
  font-size:10px;
  width: 125px !important;
  font-size:1em !important;
}
.login_area input[type="email"], .login_area input[type="text"], .login_area input[type="password"] {
  border-left-width: 0 !important;
  border-right-width: 1px !important;
}
.login_area.clean input {
  width: 87px !important;
  padding: 2px 0 2px 3px;
  margin: 0;
  background:url(/images2/home/inputbg.gif) repeat-x !important;
  color:#969696 !important;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px !important;
}
.login_area.clean input.blur {
  color: #ccc;
  text-align: left;
}
.login_area.clean input.togemail {
  width: 119px !important;
  padding: 2px 0 2px 3px;
  margin: 0;
  float:left;
  background:url(/images2/home/inputbg.gif) repeat-x !important;
  color:#969696 !important;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px !important;
}
.login_area .form_items {
  text-align: right;
}

.login_area .form_items input {
  width: 120px;
}

.login_area input.submit_button {
  border: 0;
  width: auto !important;
  margin-left: 10px;
  vertical-align: middle;
}
.login_area.clean input.submit_button {
  margin: 0 0 0 4px;
  padding:0;
  height:21px;
}

.login_area a.advanced_search {
  display: block;
  text-align: right;
  margin-top: 3px;
  margin-bottom: -3px;
  position: relative;
  z-index: 10;
}
.login_area a.invite_network {
  float:left !important;
  margin-top:3px;
  margin:0 0 0 4px;
  position: relative;
  z-index: 11;
}

/* login area - user logged in */
#la_user p {
  padding-bottom: 0;
  text-transform: uppercase;
}

#la_user p a {
  color: black;
  text-decoration: none;
}

#la_user p a:hover { /*color: #C9232A;*/

}

#color_selector {
  float: left;
  padding-top: 10px;
  width: 132px;
}

#color_selector a {
  float: left;
  width: 16px;
  height: 12px;
  border: 1px solid #727272;
  margin-left: 5px;
}

#color_selector span {
  display: none;
}

#user_menu {
  float: left;
  margin:0 0 0 10px;
}

#user_menu img {
  vertical-align: middle;
  margin: 0 2px;
}

.login_area .form_submit {
  clear: left;
  text-align:right !important;
}
.login_area.clean .form_submit {
  margin: 7px 0 0;
  font-size: 10px;
}
.login_area .form_submit * {
  color: #999;
}

#la_user .form_submit input {
  width: 115px;
}

#la_user .form_submit input.submit_button {
  width: auto;
}

/* user area properties */
#system_box {
  width: 223px;
  position: absolute;
  top: 0;
  right: 0;
}

#system_box ul.system_links,
#system_box ul.system_links li {
  font: bold 12px "Trebuchet MS";
  margin: 0;
  padding: 0;
  list-style: none;
}
#system_box ul.system_links {
  height: 20px;
  padding: 7px 0 0 0;
}
#system_box ul.system_links li.last {
  padding-right: 0;
}
#system_box ul.system_links li.first {
  padding-left: 0;
  border-left-width: 0px;
}
#system_box ul.system_links li {
  border-left: 1px dotted #aeafb2;
  float: left;
  padding: 0 6px 0 7px;
}
#system_box ul.system_links li * {
  color: #828282;
  text-decoration: none;
}
#system_box ul.system_links li a:hover {
  color: #aaa;
}
#system_box .search_box {
  font: normal 12px "Trebuchet MS";
  border-bottom: 1px dotted #aeafb2;
  padding-top: 12px;
  height: 31px;
  margin-bottom: 3px;
}
#system_box .search_box input.submit_button {
  border: 0 !important;
  background: #92bb37 url(/images2/inner/input_search_green.png) no-repeat;
  padding: 0;
  width: 67px;
  height: 25px;
  padding-bottom: 3px;
  font-weight: bold;
  color: white;
  cursor: pointer;
}
#system_box .search_box input.text {
  border: 0 !important;
  font-size: 16px !important;
  width: 133px;
  height: 22px;
  margin: 0 5px 0 0;
  padding: 3px 5px 0;
  background: white url(/images2/inner/input_search_background.png) no-repeat !important;
}
#system_box .hi_user_box,
#system_box .hi_user_box * {
  color:  #828282;
  font: normal 16px "Trebuchet MS";
  text-align: right;
  text-decoration: none;
  margin: 0;
}
#system_box .hi_user_box {
  position: relative;
  z-index: 10;
}
#system_box .hi_user_box span.holder {
  border: 2px solid white;
  border-bottom-width: 0;
  padding: 0 3px 1px;
  position: relative;
  z-index: 10;
}
#system_box .hi_user_box span.holder * {
  font-weight: bold;
}
#system_box .hi_user_box span.holder:hover {
  border-color: #80bde3;
  border-bottom-color: #d0e4f1;
  border-bottom-width: 1px;
  background-color: #d0e4f1 !important;
}
#system_box .submenu_clean {
  top: 23px;
  left: auto;
  right: 0;
}


/* menu common properties */
#menu.clean {
  position: absolute;
  font-family: "Trebuchet MS";
  top: -5px;
  left: 3px;
  width: auto;
  margin: 0;
  padding: 0 25px 0 0;
  height: auto;
  background: transparent url(/images2/common/menu_right.png) top right no-repeat !important;
}
#menu.clean * {
  margin: 0;
  padding: 0;
  color: white;
  font-size: 16px;
}
#menu.clean ul {
  list-style: none;
}
#menu.clean ul#main_menu_list li.mainTab {
  float: left;
  padding: 12px 0 16px;
  line-height: 13px;
  background: #2aa3dc url(/images2/common/menu_background.png) top repeat-x;
}
#menu.clean ul li.first {
  width: 25px;
  background: #2aa3dc url(/images2/common/menu_left.png) top left no-repeat !important;
}
#menu.clean ul#main_menu_list li.mainTab.hover,
#menu.clean ul#main_menu_list li.mainTab.here,
#menu.clean ul#main_menu_list li.mainTab:hover {
  background: #2aa3dc url(/images2/common/menu_over_background.png) top repeat-x;
}
#menu.clean ul#main_menu_list li.mainTab.first:hover {
  background-image: url(/images2/common/menu_left.png);
}
#menu.clean li.here * {
}

#menu.clean a {
  padding: 7px 12px 9px 11px;
  text-shadow: #00405e 1px 1px 2px;
  text-decoration: none;
  border-right: 1px solid #7ab4d9;
}
#menu.clean li.first a {
  padding-left: 7px;
  cursor: default;
}
#menu.clean a.mainmenu {
}
#menu.clean li.here a {
}
#menu.clean li.last a {
  border-width: 0;
}
#menu.clean li.very.last {
  float: right;
}

.submenu_clean * {
  color: #000 !important;
  font: normal 12px "Trebuchet MS" !important;
  text-align: left !important;
  text-shadow: none !important;
}
.submenu_clean,
.submenu_clean li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.submenu_clean {
  position: absolute;
  z-index: 2;
  top: 42px;
  left: -19px;
  font-size: 11px;
  background: white;
  border: 2px solid #80bde3;
  padding: 0 !important;
  margin: 0 !important;
}
.submenu_clean li:hover {
}
.submenu_clean li {
  line-height: 13px;
  min-width: 180px;
  padding: 1px !important;
  margin: 0 !important;
}
.submenu_clean li:first-child {
  border-top: 0;
}
.submenu_clean li.sep {
  border: 1px solid #d0e4f1;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  height: 1px !important;
  line-height: 1px !important;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1px !important;
  padding: 0 !important;
}
.submenu_clean li a {
  display: block;
  text-decoration: none;
  padding: 4px 30px 4px 8px !important;
  line-height: auto !important;
  height: auto !important;
  border: 0 !important;
  width: 142px !important;
  margin: 0 !important;
}
.submenu_clean li a b {
  font-weight: bold !important;
  font-size: 1.1em !important;
}
.submenu_clean li.sub a {
  background: transparent url(/images2/common/submenu_sub_icon.gif) 15px no-repeat !important;
}
.submenu_clean li.disabled a {
  color: #999 !important;
}
.submenu_clean li.disabled a:hover {
  background: white !important;
}
.submenu_clean li.sub a,
.submenu_clean.right li a {
  padding-left: 30px !important;
  padding-right: 8px !important;
}
.submenu_clean.right li.sub a {
  padding-right: 30px !important;
  padding-left: 8px !important;
}
.submenu_clean li.sub select {
  margin-left: 30px !important;
}
.submenu_clean li a:hover {
  color: #333;
  background-color: #d0e4f1 !important;
}
.submenu_clean img {
  vertical-align: middle;
}
.submenu_clean a img {
  display: none;
}
.submenu_clean a:hover img {
  /*display: inline;*/
}

#menu_out .persistent_submenu,
#menu_out .persistent_submenu li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: "Trebuchet MS";
}
#menu_out .persistent_submenu {
  padding-top: 3px;
  padding-left: 33px;
  position: relative;
  top: 19px;
  height: 21px;
  line-height: 17px;
  margin-bottom: 39px;
  border: 1px dotted #aeafb2;
  border-left: 0;
  border-right: 0;
}

#menu_out .persistent_submenu li {
  border: 1px dotted #aeafb2;
  border-width: 0;
  border-left-width: 1px;
  float: left;
  position: relative;
}

#menu_out .submenu_clean .new,
#menu_out .persistent_submenu .new {
  background: #fde;
  border: 1px solid crimson;
  color: crimson;
  position: absolute;
  right: -10px;
  top: -15px;
  line-height: 12px;
  padding: 2px 3px;
  font-weight: bold;
  z-index: 10;
}
#menu_out .submenu_clean li {
  position: relative;
}
#menu_out .submenu_clean .new {
  top: 2px;
  right: 10px;
}

#menu_out .persistent_submenu > li:first-child {
  border-left-width: 0;
}
#menu_out .persistent_submenu * {
  color: #505050 !important;
  vertical-align: middle;
}
#menu_out .persistent_submenu li.sep {
  display: none;
}
#menu_out .persistent_submenu a {
  position: relative;
  z-index: 1;
  padding: 3px 11px 2px;
}
#menu_out .persistent_submenu li.disabled a {
  color: #aaa !important;
  cursor: default;
}
#menu_out .persistent_submenu li.disabled a:hover {
  color: #aaa !important;
  background: none;
}
#menu_out .persistent_submenu select {
  position: relative;
  z-index: 1;
  margin: 0 11px;
}
#menu_out .persistent_submenu a:hover {
  color: #504f53 !important;
  background: #d4eefb;
  text-decoration: none;
}


/* content outer */
#content_out {
  background: url("/images2/common/background_gradient.png") top center repeat-x;
  background: transparent;
  margin-top: 0;
}
#content_out.clean #menu_out {
  height: auto !important;
}

#content_out .sh_left,#content_out .sh_right {
  background-image: url("/images2/common/background_shadow.png");
  background: white;
}

#content {
  background-color: transparent;
  position: relative;
}
#contentwithspace{
  background-color: white;
  position: relative;
  padding:40px 0 0 0;
}
#auto_content {
  width: 750px;
  margin: 0 auto;
}

/* content common classes */
.toggle-underline, .filename {
  text-decoration: none !important;
  color: #369;
}

.toggle-underline:hover{
  text-decoration: underline !important;
  cursor:pointer;
}

.search_icon {
  background: url(/images2/common/search_icon.png) right center no-repeat !important;
  color: #aaa !important;
  border: 1px dotted #999 !important;
  padding-right: 20px !important;
  font-size: 11px;
  height: 13px;
  width: 250px;
}
.search_icon.big {
  font-size: 18px !important;
  height: 21px;
  width: 450px;
  background-image: url(/images2/common/search_icon_24.png) !important;
}
.search_icon.active {
  color: black !important;
  border-style: dashed !important;
}

.filename:hover{
  color:#3399FF;
  cursor:pointer;
  text-decoration: underline !important;
}

.school_team_dropdown {
  width: 140px;
}

.warning {
  margin-top: 5px !important;
}

.warning h3 {
  text-align: center;
  color: #d00;
  border: 4px solid #e99;
  padding: 10px;
  background: #ffe9e9;
  margin: 0 0 10px;
  font-size: 1.2em;
}

/* footer */
#foo_2 {
  border-top: 1px dotted #3c6ca9;
}

#footer {
  clear: left;
  text-align: left;
  margin-bottom: 50px;
}
#footer_small_image {
  cursor: pointer;
  margin-left: 15px;
}

#foo_1 {
  padding: 15px 25px;
  height: 35px;
}

#foo_1 {
  float: left;
  text-align: center;
  color: #656565;
  font-weight: bold;
  font-size: 13px;
}

#foo_1 strong {
  display: block;
  color: #c9242b;
  font-size: 18px;
}

#foo_2 {
  clear: left;
  font-size: 14px;
  line-height: 20px;
  padding: 20px 25px 25px;
  color: #656565;
  text-align: left;
}

#foo_2 #small_logo {
  float: right;
  margin-top: -80px;
  background-color: white;
}

* :first-child+html #foo_2 {
  padding-top: 7px;
}

#foo_2 #small_logo img {
  margin: 0 -10px;
}

#foo_img {
  padding: 5px 10px;
}

#foo_img #small_logo {
  float: left;
  margin-left: 20px;
}

#foo_img a {
  float: left;
}

#foo_info {
  background-color: white;
  border-top: 1px dotted #585858;
  padding: 15px 15px 0;
  font-size: 12px;
  color: #585858;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#foo_info * {
  color: #585858;
}

#foo_info .copyright {
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
}

#foo_info ul.footer_menu {
  margin: 0;
  padding: 0;
  height: 80px;
  list-style:none;
}
#foo_info ul.footer_menu li.float {
  text-decoration: none;
  float: right;
  margin-right: 20px;
}
#foo_info ul.footer_menu li.float.first{
}
#foo_info ul.footer_menu li.float.last {
  margin-right: 0;
}
#foo_info ul.footer_menu li.float ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#foo_info ul.footer_menu li.float li {
  padding: 0 0 8px;
}
#foo_img img.brdimg{
  border:1px solid #000;
}
#foo_info a {
  text-decoration: none;
  margin: 0 3px;
}

#foo_info a:hover {
  text-decoration: underline;
}

#submenu_network a {
  color: #0070DF;
  font-weight: bold;
}


/* NEW HEADERS - sync this with classpage.css */
h3.custom,
.like-h3-custom {
  border-bottom: 1px dotted #aeafb2;
  font-size: 1.2em;
  margin: 0 0 5px;
  padding: 1px 3px;
  font-weight: bold;
  text-align: left;
}
h3.custom.no-border,
.like-h3-custom.no-border {
  border-width: 0px;
}
h3.custom.no-bold,
.like-h3-custom.no-bold {
  font-weight: normal;
}

input.custom, button.custom {
  font-size: 1.1em;
  padding: 3px 10px;
}


/*----- style for new page ---------*/
.content{
  width:780px;
  padding:15px 0 5px 0;
  overflow:hidden;
}
.content-left{
  width:440px;
  float:left;
  overflow:hidden;
  padding:0 25px 0 25px;
}
.content-left h2{
  font-family:Arial, Helvetica, sans-serif;
  font-size:20px;
  color:#FAAF15;
  padding:0 0 5px 0;
}
.content-left p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6C6C6C;
  padding:0 0 5px 0;
}
.listtitle{
  width:440px;
  padding:6px 0 6px 0;
  overflow:hidden;
  border-bottom:1px solid #CCCCCC;
}
.licence{
  width:314px;
  float:left;
  padding:0 0 0 6px;
}
.licence strong, .user strong, .developer strong{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6C6C6C;
}
strong.user, strong.developer{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6C6C6C;
}

.licence label, .user p, .developer p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6C6C6C;
}
.price strong{
  text-decoration:line-through;
  font-size:18px;
}
.licence p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#6C6C6C;
  padding:0 10px 0 0;
}
.user{
  width:50px;
  float:left;
  text-align:center;
  overflow:hidden;
  vertical-align:middle;
}
.developer{
  float:left;
  text-align:center;
}
.developer a{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#2073C5;
  font-weight:bold;
  text-decoration:none;
}
.developer a:hover{
  text-decoration:underline;
}
.user img, .developer img{
  padding:6px 0 5px 0;
}
.nobodr{
  border-bottom:none;
}
.licence span, .user span, .developer span{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#FE0100;
  font-weight:bold;
}
.discount span{
  font-size:18px;
}
.listdata{
  width:440px;
  padding:30px 0 0 0;
  overflow:hidden;
}
.listdata h4{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6D6D6D;
  background:url(/images2/common/icon.gif) no-repeat 0 0;
  padding:8px 0 20px 34px;
}
.listdata h4.extra{
  padding:2px 0 20px 34px;
}
.listdata p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6D6D6D;
  padding:0 0 20px 0;
}
.content-right{
  width:290px;
  float:right;
  overflow:hidden;
}
.box{
  width:282px;
  padding:0 0 0 0;
  overflow:hidden;
  background:url(/images2/common/boxbg.gif) repeat-y;
  margin:0 0 18px 0;
}
.boxtop{
  width:282px;
  height:10px;
  background:url(/images2/common/boxtop.gif) no-repeat;
}
.boxbottom{
  width:282px;
  height:9px;
  background:url(/images2/common/boxbottom.gif) no-repeat;
}
.boxdata{
  width:252px;
  padding:0 15px 0 15px;
  overflow:hidden;
  background:url(/images2/common/icon1.gif) no-repeat 12px 5px;

}
.boxdata h4{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#FEFEFC;
  padding:10px 0 10px 46px;
}
*+ html .boxdata h4{
  padding:20px 0 10px 46px;
}
.boxdata p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#FEFEFC;
  padding:10px 0 15px 0;
}
.boxdata label{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#FEFEFC;
  text-transform:uppercase;
  padding:0 0 15px 0;
  display:block;
}
.boxdata label a{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#FEFEFC;
  text-decoration:underline;
  padding:0 0 15px 0;
}
.boxdata label a:hover{
  text-decoration:none;
}
.listdata ul{}
.listdata ul li{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6D6D6D;
  padding:0 0 5px 0;
}
.boxdata span{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#FEFEFC;
  display:block;
}
.box1{
  width:282px;
  padding:0 0 0 0;
  overflow:hidden;
  background:url(/images2/common/box1bg.gif) repeat-y;
  margin:0 0 18px 0;
}
.box1top{
  width:282px;
  height:10px;
  background:url(/images2/common/box1top.gif) no-repeat;
}
.box1bottom{
  width:282px;
  height:9px;
  background:url(/images2/common/box1bottom.gif) no-repeat;
}
.box1data{
  width:252px;
  padding:0 15px 0 15px;
  overflow:hidden;
  height:170px;
  background:url(/images2/common/icon2.gif) no-repeat 15px 5px;
}
.box1data h4{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#FEFEFC;
  padding:4px 0 0 58px;
}
.box1data p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#FEFEFC;
  padding:10px 0 0 0;
}
.box2{
  width:282px;
  padding:0 0 0 0;
  overflow:hidden;
  background: #3399cc;
  margin:0 0 18px 0;
}
.box2top{
  width:282px;
  height:10px;
  background:white url(/images2/common/box2top.gif) no-repeat;
}
.box2bottom{
  width:282px;
  height:9px;
  background:white url(/images2/common/box2bottom.gif) no-repeat;
}

.user a{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#0000EE;
  text-decoration:underline;
}
.user a:hover{
  text-decoration:none;
}
.widgetboxdata{
  width:252px;
  padding:0 15px 10px 15px;
  overflow:hidden;
  background:url(/images2/common/icon2.gif) no-repeat 15px 5px;
}
.widgetboxdata h4{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#FEFEFC;
  padding:4px 0 0 58px;
}
*+ html .widgetboxdata h4{
  padding: 20px 0 10px 58px;
}

.widgetboxdata p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#FEFEFC;
  padding:10px 0 0 0;
}




/*------------- for orderform page -----------*/

.neworder{
  padding-bottom:30px;
}
.content-left h3{
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  color:#0163CE;
  padding:0 0 5px 0;
  margin:0;
}
.content-left h5{
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  color:#000000;
  padding:15px 0 0 0;
  margin: 10px 0 5px;
}
.neworder h5 em {
  display: block;
  color: #6C6C6C;
  font-size: .55em;
  font-weight: normal;
}
.orderdata{
  width:440px;
  padding:0 0 0 0;
  overflow:hidden;
}
.orderdata strong{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6C6C6C;
  padding:0 0 2px 4px;
  margin: 0 17px 13px 0;
  display:block;
  border-bottom: 1px solid #ddd;
}
.orderdata p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6C6C6C;
  padding:0 0 10px 0;
}
.orderfield{
  width:440px;
  padding:0 0 15px 0;
  overflow:hidden;
}

.orderfield label{
  width:120px;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6C6C6C;
  padding:3px 0 0 0;
  display:block;
}
.orderfield input{
  width:300px;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6C6C6C;
  height:16px;
  padding:2px 0 0 0;
  border:1px solid #7D9EBA;
}
.orderfield input.city{
  width:70px;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6C6C6C;
  height:16px;
  padding:2px 0 0 0;
  border:1px solid #7D9EBA;
}
.affiliatefield {
  float:left;
}
.affiliatefield label{
  width:120px;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6C6C6C;
  padding:3px 0 0 0;
  display:block;
}
.affiliatefield span{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6C6C6C;
  padding:3px 0 0 0;
  display:block;
  float:left;
}
.orderfield label.state{
  width:35px;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6C6C6C;
  padding:3px 5px 0 0;
  text-align:right;
}

.orderfield select{
  width:120px;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6C6C6C;
  height:20px;
  border:1px solid #7D9EBA;
}
.orderfield label.zip{
  width:25px;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6C6C6C;
  padding:3px 5px 0 0;
  text-align:right;
}
.orderfield input.zip{
  width:38px;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6C6C6C;
  height:16px;
  padding:2px 0 0 0;
  border:1px solid #7D9EBA;
}
.orderfield input.phone{
  width:150px;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6C6C6C;
  height:16px;
  padding:2px 0 0 0;
  border:1px solid #7D9EBA;
}

.orderfield select.enrollment{
  width:250px;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6C6C6C;
  height:20px;
  border:1px solid #7D9EBA;
}
.orderfield1{
  width:440px;
  padding:0 0 40px 0;
  overflow:hidden;
}
.orderfield1 input{
  font-size:14px;
}

.newdata{
  width:282px;
  padding:20px 0 10px 0;
  overflow:hidden;
}
.newdata h3{
  font-family:Arial, Helvetica, sans-serif;
  font-size:15px;
  color:#6C6C6C;
}
.newdata ul{
  padding:10px 0 0 0;
}
.newdata ul li{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6C6C6C;
  list-style:none;
  background:url(/images2/common/pdf.gif) no-repeat 0 0;
  font-weight:bold;
  padding:5px 0 25px 35px;
}
.newdata ul li a{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#2073C5;
  padding:2px 0 0 0;
  display:block;
  text-decoration:none;
}
.newdata ul li a:hover{
  text-decoration:underline;
  color:#2073C5;
}
.directcontact{
  padding:10px 10px 10px 5px;
}
.directcontact p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6C6C6C;
  font-weight:bold;
}
.directcontact p a{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#2073C5;
  text-decoration:none;
}
.directcontact p a:hover{
  text-decoration:underline;
  color:#2073C5;
}

/* for about us page */

.aboutusdata h3{
  color:#6C6C6C;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
}
.aboutusdata p{
  color:#6C6C6C;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
}

.aboutusdata ul li{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#6C6C6C;
  padding:0 0 5px 0;
}

/* for contact us page */

.contactusdata h3{
  color:#6C6C6C;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
}
.contactusdata p{
  color:#6C6C6C;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
}
.vgrade{
  padding:50px 0 0 0;
  text-align:center;
}
.vgrade a{
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#204886;
  text-decoration:none;
}
.vgrade a:hover{
  text-decoration:underline;
}
#hs_admins #hs_show {
  width: 351px;
}
#hs_show img {
  float: left;
}
#hs_admins #hs_show a {
  padding-top: 35px;
  margin: -110px 0 0 0;
  width: 125px;
  height: 73px;
}
#hs_show a {
  padding-top: 25px;
  width: 125px;
  height: 83px;
  color: #3f3f3f;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  float: right;
  text-align: center;
  border: 1px solid #3f3f3f;
  border-width: 1px 2px 2px 1px;
}
#hs_show #request_demo_link {
  margin-top: 257px;
}


/*--- for new nav link ---*/

.newnavlink{
  width:720px;
  padding:0;
  margin:0 auto;
  overflow:hidden;
}

.newnavlink p{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#000000;
  padding-bottom:0;
}
.newnavlink p a{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  /*color:#336699;*/
  color:#2073C5
}
.newnavlink p a:hover{
  /*color:#3399FF;*/
  color:#2073C5;
  text-decoration:underline;
}
ul.abtlist{
  padding:0 0 15px 10px;
}
ul.abtlist li{
  list-style:none;
  background:url(/images2/common/listicon.png) no-repeat 0 3px;
  padding:0 0 0 12px;
}
a.frequentlyquestion h3{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  /*color:#336699;*/
  color:#2073C5
}
a.frequentlyquestion h3:hover{
  text-decoration:underline;
  /*color:#3399FF;*/
  color:#2073C5
}
a.defaultlink{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  color:#2073C5
}
a.defaultlink:hover{
  text-decoration:underline;
  color:#2073C5
}
a.normallink{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  text-decoration:none;
  color:#2073C5
}
a.normallink:hover{
  text-decoration:underline;
  color:#2073C5
}
a.teachers {
  width: 150px;
  height: 116px;
  top:13px;
  position:relative;
  left: 37px;
}
a.enroll {
  width: 150px;
  height: 116px;
  top: 13px;
  position:relative;
  right: 3px;
}

a img.icon {
  vertical-align: middle;
  padding: 1px;
}

a:hover .icon {
  border:1px solid #9f9;
}

/* PAGER STYLES */
.fresults-perpage a,
.fresults-perpage span {
  border: 1px solid #d5d5d5;
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 11px;
  line-height: 12px;
  padding: 4px 7px 0;
  margin: 0;
  height: 16px;
  color: #e35521;
  font-weight: normal;
  text-decoration: none;
  display: -moz-inline-box;
  display: inline-block;
}
.fresults-perpage a:hover {
  border-color: #e8af1a;
}
.fresults-perpage span {
  background-color: #f8efdc;
  border-color: #e8af1a;
}




/* new code for contact tab */

.cls{
  clear:both;
}
#start_topic_box{
  width:500px;
  overflow:hidden;
}
#start_topic_box ul.style_tabs {
    margin-bottom: 10px;
  padding:0;
}
#start_topic_box ul.style_tabs li {
  float: left;
  padding: 0;
  margin: 0;
  margin-right: 1px;
  list-style: none;
  position: relative;
  background: none;
}
#start_topic_box ul.style_tabs li img {
  display: none;
}
#start_topic_box ul.style_tabs li a {
  float: left;
  display: block;
  font-size: 12px;
  color:#195190;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration: underline;
  padding: 7px 10px 7px 26px;
  background-repeat: no-repeat;
  background-position: 9px 50%;
}
#start_topic_box ul.style_tabs li a:hover strong {
  text-decoration: underline;
}
#start_topic_box ul.style_tabs li.active {
  background: transparent url(/images2/common/gray_button.png) repeat-x 0 15px;
}
#start_topic_box ul.style_tabs li.active a {
  text-decoration: none;
  color: #333;
  cursor: default;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  padding: 6px 10px 6px 30px;
  background-position: 8px 50%;
  border: 1px solid #AAAAAA;
  border-bottom: 1px solid #DADADA;
 }
#start_topic_box ul.style_tabs li.active a strong {
  text-decoration: none!important;
}
#start_topic_box ul.style_tabs li.active img {
  top: 29px;
  width: 13px;
  height: 8px;
  display: block;
  position: absolute;
}
#start_topic_box ul.style_tabs li.question a {
  background-image: url(/images2/common/feedback_tab_question.png);
}
#start_topic_box ul.style_tabs li.question img {
  left: 58px;
}
#start_topic_box ul.style_tabs li.idea a {
  background-image: url(/images2/common/feedback_tab_idea.png);
}
#start_topic_box ul.style_tabs li.idea img {
  left: 56px;
}
#start_topic_box ul.style_tabs li.problem a {
  background-image: url(/images2/common/feedback_tab_problem.png);
}
#start_topic_box ul.style_tabs li.problem img {
  left: 66px; }
#start_topic_box ul.style_tabs li.tip a {
  background-image: url(/images2/common/feedback_tab_tip.png);
}
#start_topic_box ul.style_tabs li.tip img {
  left: 66px; }
#start_topic_box ul.style_tabs li.praise a {
  background-image: url(/images2/common/feedback_tab_praise.png);
}
#start_topic_box ul.style_tabs li.praise img {
  left: 48px;
}
.textbox {
  background:#FFFFFF;
  border:1px solid #AAAAAA;
  padding:5px;
  overflow:hidden;
}
#start_topic_box form#start_topic_form .textbox #topic_query {
  background:transparent none repeat scroll 0 0;
  border:0 none;
  font-size:1.2em;
  height:3.2em;
  outline-style:none;
  outline-width:medium;
  padding:0;
  width:100%;
}
textarea.text_query {
  background-color:#FFFFFF;
  color:#666666;
  border:none;
  font-family:normal Arial,Helvetica,sans-serif;
  font-size:1.1em;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  height:160px;
  line-height:normal;
  overflow:hidden;
  margin:0;
  padding:4px 0 4px 3px;
  width:98%;
}

.inplaceeditor-form textarea {
  border: 1px solid #9fbbdd;
}
.inplaceeditor-form .editor_ok_link,
.inplaceeditor-form .editor_cancel_link {
  border: 1px solid #9fbbdd;
  background-color: #cbddf2;
  padding: 2px 7px 3px;
  margin-left: 3px;
  margin-right: 3px;
  text-decoration: none;
}
.inplaceeditor-form .editor_ok_link:hover,
.inplaceeditor-form .editor_cancel_link:hover {
  background-color: #fee5a0;
  color: black;
}




/* ---- ---  */

.orderbox{
  width:282px;
  padding:0 0 0 0;
  overflow:hidden;
  background:url(/images2/common/orderboxbg.gif) repeat-y;
  margin:0 0 18px 0;
}
.orderboxtop{
  width:282px;
  height:10px;
  background:url(/images2/common/orderboxtopbg.gif) no-repeat;
}
.orderboxbottom{
  width:282px;
  height:9px;
  background:url(/images2/common/orderboxbottombg.gif) no-repeat;
}
.orderboxdata{
  width:252px;
  padding:0 15px 0 15px;
  overflow:hidden;
  background:url(/images2/icons/big/graph2.png) no-repeat 12px 5px;

}
.orderboxdata h4{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#FEFEFC;
  padding:10px 0 10px 46px;
}
.orderboxdata strong{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#FFF;
  padding:0 0 10px 0;
  text-align:center;
  display:block;
}
.orderboxdata h5{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#FFF;
  padding:0 0 10px 0;
}
*+ html .orderboxdata h4{
  padding:20px 0 10px 46px;
}
.orderboxdata select{
  border:1px solid #7D9EBA;
  color:#6C6C6C;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  height:20px;
  width:240px;
}
.orderboxdata p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#FEFEFC;
  padding:10px 0 15px 0;
}
.orderboxdata span{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#3399FF;
  padding:10px 0 10px 0;
  display:block;
  text-align:center;
}
.orderboxdata span a{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#3399FF;
  text-decoration:underline;
}
.orderboxdata span a:hover{
  text-decoration:none;
  color:#3399FF;
}

/** COMMON STANDARDS INTERMEDIATE POPUP DEFINITIONS */
#auto_content .standardsTriggerHolder {
  background-color: white;
  border-width: 4px;
  padding: 3px 7px 27px;
  padding-right: 25px;
  font-size: 10px !important;
  width: 200px;
  position: relative;
  line-height: normal !important;
  color: #000;
  font-size: 1em;
  z-index: 10;
}
#auto_content .standardsTriggerHolder .closeHolder {
  position: absolute;
  top: 6px;
  right: 5px;
}
#auto_content .standardsTriggerHolder .editStandardsTrigger {
  position: absolute;
  bottom: 6px;
  left: 6px;
}
#auto_content .standardsTriggerHolder label {
  font-weight: bold;
  display: block;
  margin-top: 5px;
}
#auto_content .standardsTriggerHolder label.stateHolder {
  font-size: 1.1em;
}
#auto_content .standardsTriggerHolder label.stateHolder b {
  cursor: move;
}
#auto_content .standardsTriggerHolder label.gradeHolder {
  width: 55px;
}
#auto_content .standardsTriggerHolder label.gradeHolder select {
  width: 50px;
}
#auto_content .standardsTriggerHolder label.subjectHolder {
  float: right;
  width: 140px;
}
#auto_content .standardsTriggerHolder label.subjectHolder select {
  width: 135px;
}
#auto_content .standardsTriggerHolder label span {
}

#auto_content .standardsTriggerHolder .editStandardsTrigger {
  width: 50% !important;
}

/**
 * MCE global definitions
 */
.mceExternalToolbar {
  border: 0 !important;
  top: -50px !important;
  left: 20px !important;
}
.mceExternalClose {
  background: transparent url(/images2/common/close.gif) no-repeat !important;
  width: 16px !important;
  height: 16px !important;
  top: 5px !important;
  right: -6px !important;
  cursor: pointer !important;
}