﻿html, body, div, span, applet, object, iframe,
h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

.MenuBar
{
	background-image: url(../Images/Styles/menu_bg.gif);
	background-repeat: repeat-x;
	height: 35px;
	padding-right: 10px;	
	width: 100%;
	margin-bottom: 17px;
	vertical-align: middle;
}

.MenuBarLink
{
	line-height: 35px;
	font-size: 13px;
	color: #0774bb;	
	font-weight: bold;
	height: 35px;
	float: left;
	vertical-align: middle;
	cursor: pointer;
}

.MenuBarLink span
{
	padding-left: 10px;
}

.MenuBarLink img
{
	padding-bottom: 1px;
	vertical-align: middle;
}

.MenuBarLink .MenuBarLinkArrow
{
	padding-top: 5px;
	padding-left: 10px;	
}

.MenuCommands
{	
	border-bottom: solid 1px #d9d9d9;
	border-left: solid 1px #d9d9d9;
	border-right: solid 1px #d9d9d9;
	background-image: none;
	background-color: #ebebeb;
}

.MenuCommand
{
	font-size: 13px;
	font-weight: normal;
	line-height: 24px;
	height: 24px;
	color: #0774bb;
	padding-right: 10px;
}

.MenuCommandSeparator
{
	border-top: solid 1px #d9d9d9;
	border-bottom: solid 1px #ffffff;
	height: 0px;
	margin-right: 3px;
	margin-left: 3px;
}

.Content
{
	border-bottom: solid 1px #d9d9d9;
}

.Footer 
{
	border-top: solid 1px white;
	background: #e5e5e5;
	padding: 34px;
}

.Footer p
{
	color: #757575;
	font-size: 11px;	
}

.Footer table
{
	color: #757575;
	font-size: 11px;	
}

.HeaderTop
{
	vertical-align: middle;
	text-align: right;
	background-color: #e7f3fa;
	width: 100%;
	border-bottom: solid 1px #d1e0eb;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 17px;
}

.HeaderTopTitle
{
	font-family: Georgia;
	font-size: 12px;
	color: #054f7f;
	padding-right: 10px;
}

.Header 
{
	padding-top: 17px;
	padding-bottom: 17px;
	height: 46px;
	border-bottom: solid 1px white;
	background-image: url(../Images/Mascot/Expi.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.sidebox 
{
	background: white;
	margin-bottom: 17px;
	text-align: left;
}

.sidebox .sbTitle 
{
	text-align: left;
	color: white;
	font-weight: bold;
	margin-bottom: 10px;
	background-image: url(../Images/Objects/Box/Box_BG.png);
}

.sidebox .sbContent
{
	padding-right: 10px;
	padding-left: 10px;	
}

.sidebox p 
{	
}

input, select, textarea 
{
 	font-weight: normal;
}

.inputText
{
	border: 1px solid #b0b0b0;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}

.inputSubmit 
{
	border: 1px solid #b0b0b0;
	background: url(../Images/Styles/submit-bg.jpg) repeat-x;
	color: #0774bb;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
}

.inputSolved 
{
	background: url(../Images/Styles/solved-bg.jpg) repeat-x;
	color: #ffffff;
	font: tahoma;
	font-size: 10;
	padding: 3px 5px;
	border: none;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}

.inputSubmitLink {
	background: white;
	text-decoration: underline;
	color: #29abe2;
	border: none;
	cursor: pointer;
}

.inputSubmitLinkTest
{
	background: transparent;
	text-decoration: underline;
	font-weight: bold;
	color: #29abe2;
	border: none;
	cursor: pointer;
}

.inputSubmitLinkBox {
	background: #f8f8f8;
	text-decoration: underline;
	text-align: left;
	color: #29abe2;
	border: none;
	cursor: pointer;
}

hr.interline 
{	
	border-top: solid 1px #e7e7e7;
	border-bottom: solid 1px #cecece;
	border-left: 0px;
	border-right: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.modalBoxBG
{
	background-image: url(../Images/Objects/ModalBox/bg.png);
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;	
}

.modalBox 
{
	background: transparent;
	text-align: left;
}

.modalBox .mbTitle 
{
	color: white;
	font-weight: bold;
}

.modalBox .mbContent
{
	border-bottom: solid 2px #04517f;
	border-left: solid 2px #04517f;
	border-right: solid 2px #04517f;
	width: 100%;
	padding: 10px;	
	background: white;
}

table.statsList {
	border: none;
	float: left;
	margin-bottom: 15px;
}
table.statsList th {
	font-size: 12px;
	color: #0774bb;
	font-weight: bold;
	padding: 0px;
}
table.statsList .rating {
	float: right;
	color: #0066CC;
	font-weight: bold;
}

table.statsList td {
	padding-top: 3px;
}

table.statsList td a {
}

table.statsList td ul {
	list-style-type: none;
	padding-left: 16px;
}

.profileBoxHead
{
	width: 100%;
	padding-top: 7px;
	border-bottom: 2px solid #e7e7e7;
}

.profileBox
{
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 2px solid #e7e7e7;
	border-top: 1px solid #cecece;
}

.profileTitle
{
	font-family: Arial;
	font-size: 22px;
	color: #000000;
	font-weight: bold;
}

.profileSubTitle
{
	font-family: Arial;
	font-size: 18px;
	color: #28abe3;
	padding-bottom: 7px;
}

table.profileTable
{
}

table.profileTable td
{
	padding-top: 3px;	
	padding-bottom: 3px;
}

table.profileTableTop
{
	border-left: solid 1px #d1d1d1;
	border-bottom: solid 1px #d1d1d1;
}

table.profileTableTop td
{
	border-top: solid 1px #d1d1d1;
	border-right: solid 1px #d1d1d1;
	padding-top: 3px;	
	padding-bottom: 3px;
}

table.profileTableTop td.odd
{
	background-color: #ffffff;	
}

table.profileTableTop td.even
{
	background-color: #f8f8f8;	
}

table.profileTableTop th
{
	border-top: solid 1px #d1d1d1;
	border-right: solid 1px #d1d1d1;
	background-color: #f8f8f8;
	text-align: center;
	padding-top: 3px;	
	padding-bottom: 3px;
}




















h1
{
	margin: 0;
	padding: 0 0 10px 0;
	border: 0;
	outline: none;	
	font-family: Verdana;
	font-weight: bold;
	font-size: 16px;
	color: #054F7F;
}

h2
{
	margin: 0;
	padding: 0 0 0 0px;
	border: 0;
	outline: none;	
	font-family: Verdana;
	font-weight:bold;
	font-size: 14px;
	color: #054F7F;
}

table.messageTable
{
	border-bottom: solid 1px #d1d1d1;
}

table.messageTable td
{
	border-top: solid 1px #d1d1d1;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 3px;
	padding-bottom: 3px;
}

table.messageTable td.odd
{
	background-color: #ffffff;	
}

table.messageTable td.even
{
	background-color: #f8f8f8;	
}

table.messageTable th
{
	border-top: solid 1px #d1d1d1;
	background-color: #f8f8f8;
	text-align: left;
	padding-top: 3px;	
	padding-bottom: 3px;
}

table.gradeTable
{
	border-bottom: solid 1px #d1d1d1;
}

table.gradeTable td
{
	border-top: solid 1px #d1d1d1;
}

table.gradeTable td.odd
{
	background-color: #ffffff;	
}

table.gradeTable td.even
{
	background-color: #f8f8f8;	
}

table.gradeTable th
{
	border-top: solid 1px #d1d1d1;
	background-color: #f8f8f8;
	text-align: center;
}

.underTitleText
{
	padding: 0 0 0 5px;
}

.modalBoxError 
{
	border: 3px solid red;
	padding: 10px 15px 15px 15px;
	background: #fff8f8;
	margin-bottom: 15px;
}

.modalBoxError .mbErrorTitle {
	color: #800000;
	font-size: 18px;
	padding-bottom: 10px;
}

.modalBoxConfirmation
{
	border: 3px solid lime;
	padding: 10px 15px 15px 15px;
	background: #f8fff8;
	margin-bottom: 15px;
}

.modalBoxConfirmation .mbConfirmationTitle {
	color: #008000;
	font-size: 18px;
	padding-bottom: 10px;
}

form {
 	margin: 0px;
 	padding: 0px;
} 
a {
	color: #0774bb;
	text-decoration: underline;
}
a:hover {
	color: #0774bb;
	text-decoration: none;
}

body {
	font-family: "Arial", sans-serif;
	font-size: 12px;
	color: #474747;
}

#Container {
	margin: 0 auto;
	padding:  15px 0 0 0;
	width: 980px;
}

.sidePanel {
	width: 250px;
	float: left;
}
.centerContent {
	width: 715px;
	margin: 0;
	padding: 0 0 0 15px;
	float: left;
}

.fullscreen { /* added for the full width pages */
	width: 100%;
	margin: 0 0 0 0;
	float: left;
	padding: 0 0 0 0;
}

.promoText {
	color: #b2d233;
	font-size: 14px;
	font-weight: bold;
	padding: 15px 0;
}
.subTitle {
	font-weight: bold;
	font-size: 14px;
}

ul 
{
    list-style-type: none;
	margin: 0;
	padding: 0;
}

li {
	background-image:url(../Images/Styles/bullet.gif);
	background-position:0 0%;
	background-repeat:no-repeat;
	padding-left:10px;
}

ul.advantageList {
	list-style-type: none;
	padding-left: 40px;
	padding-top: 5px;
	font-size: 7px;
	margin-bottom: 15px;
}
ul.advantageList li {
	line-height: 18px;
	padding-left: 5px;
}
ul.advantageList li span {
	font-size: 12px;
}

.titleStyle
{
	font-weight: bold;
	font-size: 14px;
	color: #29abe2;
}

a.mainlink {
	font-weight: bold;
	font-size: 14px;
	color: #29abe2;
	text-decoration: underline;
	cursor: pointer;
	margin-right: 30px;
}
a.mainlink:hover {
	text-decoration: none;
	color: #555;
}

ul.recommendedList {
	list-style-type: none;
	padding-left: 5px;
	padding-top: 5px;
	margin-bottom: 5px;
	color: #29abe2;
}
ul.recommendedList li {
	padding-left: 15px;
}
ul.recommendedList li a {
	font-size: 12px;
}
ul.recommendedList li a:hover {
	color: #333;
}

p.testimonial {
	background: url(../Images/Styles/quotes.jpg) no-repeat top left;
	padding-left: 40px;
}

/* listing table */
table.listing  {
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	margin: 5px 0 10px 0;
	padding: 0;
}
*:first-child+html table.listing  {
	margin: 10px 0 10px 0;
}

table.bordered  
{
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	margin: 5px 0 10px 0;
	padding: 0;
}

table.listing th {
	background: url(../Images/Styles/th-bg.jpg) repeat-x top left;
	height: 19px;
	line-height: 19px;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	border-left: 1px solid #e7e7e7;
	text-align:left;
	padding-left: 5px;
	color: #0774bb;
	font-weight: bold;
	font-size: 11px;
}
* html table.listing th {
	height: 19px;
}
*:first-child+html table.listing th {
	height: 19px;
}

table.listing th.selected {
	background: url(../Images/Styles/th-bg-selected.jpg) repeat-x top left;
	text-align:left;
	color: #0774bb;
	font-weight: bold;
	cursor: pointer;
}
table.listing td {
	height: 26px;
	line-height: 26px;
	padding-left: 5px;
	border-left: 1px solid #e7e7e7;
	text-align:left;
}
table.listing td.odd {
	background: #f1f0f0;
	border-top: 1px solid #e7e7e7;
}
table.listing td.firstrow {
	background: #fff;
	border-top: 1px solid #e7e7e7;
}
table.listing td.even {
	background: #ffffff;
	border-top: 1px solid #e7e7e7;
}
table.listing td.lefted {
	text-align: left;
}
table.listing td.righted {
	text-align: right;
	padding-right: 5px;
	width: 100px;
}
table.listing td.centered {
	text-align: center;
}
table.listing tr.selected td {
	background: #E6EDF4 !important;
}

table.listing td span {
	padding-left: 3px;
}
a.sortDown {
	background: url(../Images/Styles/sort-down.gif) no-repeat center right;
	padding-right: 13px;
	text-decoration: none;
	text-align:left;
	color: #0774bb;
	font-weight: bold;
	font-size: 11px;
}
a.sortUp {
	background: url(../Images/Styles/sort-up.gif) no-repeat center right;
	padding-right: 13px;
	text-decoration: none;
	text-align:left;
	color: #0774bb;
	font-weight: bold;
	font-size: 11px;
}
a.sortNone {
	padding-right: 13px;
	text-decoration: none;
	text-align:left;
	color: #0774bb;
	font-weight: bold;
	font-size: 11px;
}
a.sortDown:hover, a.sortUp:hover {
	color:#0033CC;
}

.pagination {
	float: right;
	margin: 0 0 0 0;
}
.pagination a {
	padding: 2px 6px;
	text-decoration: none;
	background: #ebebeb;
	color: #000;
	font-weight:bold;
	float: left;
	margin-left: 5px;
}
.pagination a:hover {
	background: #fff;
	color: #000;
}
.pagination a.forward,.pagination a.forward:hover {
	background: url(../Images/Styles/forward.jpg) no-repeat top left #ebebeb;
	width: 9px;
	height: 18px;
	display: block;
}
.pagination a.back, .pagination a.back:hover {
	background: url(../Images/Styles/back.jpg) no-repeat top right #ebebeb;
	width: 9px;
	height: 18px;
	display: block;
}
.pagination a.current {
	background: #fff;
	color: #29abe2;
}

.nou {
	color: #cc2229;
}

/* test nou items */

.headNav {
	font-size: 14px;
	width: 730px;
	padding: 5px 0 10px 0;
}

.testBox {
	width: 730px;
	float: left;
}
.rightSideTest {
	float: left;
	width: 250px;
}
.rightSideTest p {
}

.notes
{
	background: url(../Images/Styles/bg-notite.jpg) no-repeat top left;
	width: 232px;
	margin: 0;
	padding-top: 55px;
	border: 1px solid #acdcf0;
}

.rightSideTest .notes {
	background: url(../Images/Styles/bg-notite.jpg) no-repeat top left;
	width: 240px;
	margin: 0 auto;
	padding-top: 55px;
	padding-left: 5px;
}
.rightSideTest .notes textarea {
	border: 1px solid #ccc;
	background: #fff;
	width: 225px;
	height: 160px;
}

.testBox .leftNav {
	border: 1px solid #28ABE3;
	background: #f8f8f8;
	padding: 10px;
	width: 55px;
	margin-right: 15px;
	color: #454545;
	float: left;
}
.testBox .leftNav .problem {
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	text-align: right;
	padding-right: 10px;
}
.testBox .leftNav .problem a {
	text-decoration: none;
	color: #000;
	padding: 0 5px;
}
.testBox .leftNav .problem a:hover, .testBox .leftNav .pbCurrent a {
	background: #fff;
	color: #29abe2;
}
.testBox .leftNav .pbSolved {
	background: url(../Images/Styles/solved.jpg) no-repeat center left;
	
}
.testBox .leftNav .problem span {
	padding: 0 5px;
	color: #666;
}

.test {
	float: left;
	width: 630px;
}

.test p {
	padding: 5px 0 10px 0;
}

.nota {
	font-size: 14px;
	font-weight: bold;
}

.showSolution {
	background: url(../Images/Styles/downarrow.jpg) no-repeat center left;
	padding-left: 20px;
}

.testSolution {
	border: 1px solid #ccc;
	background: #f8f8f8;
	padding: 5px 15px 0 15px;
	margin-top: 10px;
}

.testStats {
	padding: 10px 0;
}
.testStats .title {
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 5px 0;
}
table.testStatsList {
	border: none;
	margin-bottom: 10px;
}
table.testStatsList td {
	padding-right: 10px;
}
table.testStatsList .good, table.testStatsList .bad, table.testStatsList .medium   {
	font-weight: bold;
}
table.testStatsList .good {
	color: #0066FF;
}
table.testStatsList .bad {
	color: #FF0000;
}

.statsBox {
	width: 730px;
	float: left;
	overflow: hidden;
}
.rightSideStats {
	float: left;
	width: 250px;
}
.rightSideStats input.date {
	margin-bottom: 8px;
	margin-right: 5px;
}
* html .rightSideStats input.date {
	margin-bottom: 3px;
}
*:first-child+html .rightSideStats input.date {
	margin-bottom: 3px;
}
.formBox {
	border: 1px solid #acdcf0;
	padding: 10px 15px 0 15px;
	background: #f8f8f8;
	margin: 0 auto;
	width: 400px;
}
.formBox .fbTitle {
	color: #28abe3;
	font-size: 18px;
	padding-bottom: 10px;
}
.formBox table {
	margin-top: 10px;
}
.formBox table td {
	padding: 3px 0;
}
.formBox table td .inputText {
	width: 200px;
	font-size: 15px;
}
.formBox textarea {
	border: 2px solid #e0e0e0;
	padding: 2px 4px;
	font-size: 12px;
	color: #7c7c7c;
	width: 270px;
	height: 130px;
}

.intertitle {
	font-weight: bold;
	color: #0066FF;
	padding: 5px 0;
	font-size: 14px;
}

.cleaner {
	clear: both;
}