/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
body {
	background-image: url(../img/top_pixel.gif);
	background-repeat: repeat-x;
	padding-top: 14px;
	background-color: #ebebeb;
}

.borders {
	border: 1px dashed #000;
}

.border-bottom-gray {
	border-bottom: 1px solid #bbb;
}

.serial {
	text-transform: uppercase;
}

.text-gray {
	color: #777;
	font-size: 8pt;
}

.text-gray2 {
	color: #777;
	font-family: verdana;
	font-size: 8pt;
}

a.link {
	color: #013274 !important;
	text-decoration: none;
}

a.link:hover {
	color: #FCBA30 !important;
	text-decoration: underline;
}

a.link-light {
	text-decoration: none;
}

a.link-light:hover {
	color: #FCBA30 !important;
	text-decoration: underline;
}

.underline-none {
	text-decoration: none !important;
}

a.attach { 
	padding:2px 22px 2px 0; 
	margin:-2px 0; 
	background-repeat: no-repeat; 
	background-position: right center;
	background-image: url(../img/icons/attach.png);
}

.disabled {
	opacity: .5;
	filter: alpha(opacity = 50);
}

.pointer { cursor: pointer !important; }
.no-cursor { cursor: auto !important; }

.pending {
	color: red;
	background-image: url(../img/icons/cross.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
	line-height: 16px;
}

.active {
	color: green;
	background-image: url(../img/icons/tick.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
	line-height: 16px;
}

.align-right { text-align: right !important; }

.v-align-top { vertical-align: top; }
.v-align-middle { vertical-align: middle; }

label.reset {
	display: inline !important;
	float: none !important;
	width: 100% !important;
}

.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none !important; }

.clear-both { clear: both; }

.display-block { display: block; }

.no-wrap { white-space: pre; }

.off-screen {
	position: absolute;
	left: -9999em;
}

input.off-screen {
	position: absolute;
	left: -9999em;
	width: 1px;
	height: 1px;
}

span.green-outline {
	background-color: green;
	color: white;
	padding: 2px 25px 2px 2px;
}

span.red-outline {
	background-color: red;
	color: white;
	padding: 2px 2px 2px 2px;
}

span.orange-outline {
	background-color: orange;
	color: white;
	padding: 2px 28px 2px 2px;
}

img.clear {
	cursor: pointer;
	position: relative;
	top: 3px;
}

img.expand-support,
img.expand-history {
	position: relative;
	top: 4px;
	padding-left: 5px;
}

table.table-no-border * { 
	border-width: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	background: none !important;
	border: none !important;
	line-height: normal;
}
table.table-no-border {
	border: none !important;
}
table.table-no-border th, table.table-no-border td { padding: 1px !important; }

#map {
	padding: 3px;
	border: 1px solid #ccc;
	height: 350px;
}

input.date {
	width: 100px !important;
	background-image: url(../img/icons/calendar_view_day.png);
	background-repeat: no-repeat;
	background-position: center right;
}

input.date-editable + img {
	position: relative;
	margin-right: -20px;
	top: 4px;
	left: -140px;
	cursor: pointer;
}

no-width: {
	width: auto !important;
}

/**************************************/
/*              HEADER                */
/**************************************/
div.logo {
	background-image: url(../img/infolearn.gif);
	background-repeat: no-repeat;
	height: 54px;
}

#head {
	background-color: #fff;
}

#header {
	background-color: #002561;
}

div.header-image {
	background-image: url(../img/header.gif);
	background-position: right;
	background-repeat: no-repeat;
	height: 74px;
}


/**************************************/
/*             NAVIGATION             */
/**************************************/
ul.top-menu {
	/*padding-top: 17px;*/	
}

ul.top-menu li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
}

ul.top-menu li a {
	color: #606060;
	font-size: 7pt;
	font-weight: bold;
	text-decoration: none;
}

ul.top-menu li a:hover {
	color: #feb92e;
	text-decoration: underline;
}

ul.main-menu {
	padding-left: 0px;
	margin-left: 5px;
}

ul.main-menu li {
	list-style-image: url(../img/option_orange.gif);
}

ul.main-menu li a {
	color: #013274;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	margin-left:0px; 
}

ul.main-menu li a:hover {
	color: #fcba30;
	text-decoration: underline;
}

ul.main-menu li a.active-menu {
	color: #fcba30;
	text-decoration: underline;
}

div.pagination {
	float: left;
	position: relative;
	left: 50%;
	text-align: left;
}

div.pagination ul {
	list-style-type: none;
	position: relative;
	left: -50%;
}

div.pagination ul li {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px 5px 0px 0px;
}

div.pagination ul li a {
	border: 1px solid gray;
	padding: 3px;
	color: #013274;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}

div.pagination ul li a:hover {
	border: 1px solid #002561;
	color: #fcba30;
}

div.pagination ul li.active-page {
	border: 1px solid #002561;
	background-color: #002561;
	color: #fcba30;
	margin: -1px 4px 0 0;
	padding: 1px 3px 0 3px;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#main {
	background-color: #fff;
	background-image: url(../img/header_bottom_pixel.gif);
	background-position: center -20px;
	background-repeat: repeat-x;
	padding-top: 50px;
	padding-bottom: 40px;
}

#breadcrumb {
	font-size: 10px;
	text-transform: lowercase;
	color: #777;
	font-family: verdana;
	height: 25px;
}

#breadcrumb a {
	color: #013274 !important;
	text-decoration: none;
}



#breadcrumb a:hover {
	color: #FCBA30 !important;
	text-decoration: underline;
}

#tabs {
	margin-top: 20px;
}

ul.spaces li {
	padding-bottom: 10px;
}

.dotted-bottom {
	padding-bottom: 5px;
	border-bottom: 1px dotted #c1c1c1;
}

.dotted-top {
	padding-top: 5px;
	border-top: 1px dotted #c1c1c1;
}

img.arrow, img.plus {
	padding-bottom: 35px;
}

#add-new-contact, img.remove-addr, img.remove-contact {
	position: relative;
	top: 5px;
}

form.forms label {
	float:left; 
	width:10em; 
	display:block; 
	clear:left; 
	margin-right:1em; 
	text-align:left;  
	cursor:pointer;
}

form.forms input {
	width: 18.5em;
}

form.forms input[type='password'] {
	width: 19.3em;
}

.small-input label {
	width: 15.3em !important; 
}

.small-input input {
	width: 13em !important;
}

.smaller-input label {
	width: 9em !important; 
}

.smaller-input input {
	width: 18em !important;
}

#serial_number, #serial {
	text-transform: uppercase;
}

form.forms input[type="file"] {
	border: 1px solid #ccc; 
	background: #fff;
}

form.forms input[type="file"]:hover {
	border-color: #aaa;
}

form.forms input[type="file"]:focus {
	border-color: #888; 
	outline: 1px solid #F8AB17;
}

form.forms fieldset fieldset fieldset label {
	width: 9em ; /* !important */
}

label.big {
	width: 15em !important;
}

label.small-width {
	width: 6em !important;
}

form.forms fieldset fieldset fieldset input {
	width: 15em;
}

form.forms input[type='radio'], form.forms input[type='checkbox'] {
	width: auto !important;
}

h1.title-text, 
h2.title-text,
h3.title-text,
h4.title-text,
h5.title-text,
h6.title-text {
	color: #013372;
}

hr.line {
	height: 1px;
	border-top: 1px dotted #c1c1c1;
	background-color: white;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
}

hr.big-line {
	height: 2px;
	border-top: 2px solid #c1c1c1;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: white;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
}

hr.product {
	margin-top: 10px;
	width: 125px;
}

.block-decr {
	padding-top: 5px;
}

ul.li-padding-top li {
	padding-top: 20px;
}

ul.features-list-orange {
	padding-left: 0px;
	margin-left: 5px;
}

ul.features-list-orange li {
	list-style-image: url(../img/option_orange.gif);
}

a.index-hlt,
ul.features-list-orange li a {
	color: #02a5c6;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}

a.index-hlt:hover,
ul.features-list-orange li a:hover {
	color: #fcba30;
	text-decoration: underline;
}

ul.features-list-orange-bullet {
	padding-left: 0px;
	
}

ul.features-list-orange-bullet li {
	list-style-image: url(../img/bullet.gif) !important;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 0px;	
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left:0px;
	
}
ul.level-2 {
	margin-left: 0px;
}

ul.level-2 li a {
	margin-left: 0px;
}

ul.level-3 {
	margin-left: 14px;
}

ul.level-3 li a {
	color: #013274;
	font-weight: normal;
}

ul.no-bullets {
	padding-left: 0px;
	margin-left: 0px;
}

ul.no-bullets li {
	list-style-image: url();
	list-style-type: none !important;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}


.right-sparator {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px dashed #002561 !important;
	line-height: 100%;
	height: 100%;
}

#grid_wrapper, #grid_wrapper2 {
	padding: 4px;
	/*border: 2px solid #ccc;*/
	background-color: #ccc;
}

table.grid {
	background-color: #fff;
	border-width: 0px !important;
	margin-bottom: 0px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
}

table.grid caption {
	font-weight: bold;
	text-align: left;
}

table.grid tbody {
}

table.grid thead tr th a {
	color: #013274 !important;
	text-decoration: none;
}

table.grid thead tr th a:hover {
	color: #FCBA30 !important;
	text-decoration: underline;
}

table.grid tbody tr td:first-child {
	vertical-align: middle;
}

table.grid tbody tr td.serial {
	
}

table.grid tbody tr:hover {
	background-color: #fffccc !important;
}

table.grid tbody tr:nth-child(even) {
	background-color: #f1f1f1;
}

table.grid tbody tr:nth-child(odd), tr.odd {
	background-color: #f9f9f9;
}

div.history-container div.history_row:hover {
	background-color: #fffccc !important;
}

div.history-container div.even {
	background-color: #f1f1f1;
}

div.history-container div.odd {
	background-color: #f9f9f9;
}

tr.even {
	background-color: #f1f1f1 !important;
}

tr.odd {
	background-color: #f9f9f9 !important;
}

table.grid tbody tr td {
	color: #777;
}

table.grid tbody tr td a {
	color: #013274 !important;
	text-decoration: none;
}

table.grid tbody tr td a:hover {
	color: #FCBA30 !important;
	text-decoration: underline;
}

table.grid tfoot {
	/*
	border-right: 2px solid white !important;
	border-bottom: 2px solid white !important;
	border-left: 2px solid white !important;
	*/
}

textarea.textarea {
	display: block;
	width: 100%;
	height: 136px;
	overflow: auto;
	background: transparent;
	background: #fefefe url(../img/input_text2.gif) top repeat-x !important;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	font-size: 13px;
	font-family: 'Trebuchet Ms';
}

textarea.textarea:focus {
	border: 1px solid #ccc;
}

.news-container {
	padding-bottom: 10px;
	margin-bottom: 40px;
	border-bottom: 1px dashed #ccc;
}

.news-container p {
	color: #777;
}

.news-container p:nth-child(even) img:FIRST-CHILD {
	float: left;
}

.news-container p:nth-child(odd) img:FIRST-CHILD {
	float: right;
}

.news-container p img:FIRST-CHILD {
	padding: 3px;
	margin: 3px;
	border: 1px solid #ccc;
}

.news-toolbar {
	text-align: right;
	/*
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	*/
	color: #777;
	padding: 5px;
	font-family: tahoma;
}

.date {
	background-image: url(../img/icons/calendar_view_day.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	/*margin-left: 20px;*/
}

.clock {
	background-image: url(../img/icons/clock.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	margin-left: 20px;
}

ul.header-list div {
	margin-bottom: 3px !important;
}

ul.header-list input[type="text"] {
	width: 90% !important;
}

ul.header-list input[type="text"].small-width {
	width: 84% !important;
	position: relative;
	top: -2px;
}
ul.header-list input[type="text"].small-width2 {
	width: 80% !important;
	position: relative;
	top: -2px;
}

img.remove-student {
	position: relative;
	top: 4px;
	margin-left: 3px;
}

ul.header-list li.toolbar img {
	position: relative;
	top: 4px;
}

ul.header-list li.toolbar {
	position: relative;
	top: -15px;
	text-align: right;
	margin-bottom: -10px !important;
}

ul.header-list li:first-child {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}

ul.header-list li {
	padding-top: 5px;
	margin-bottom: 10px;
}

ul.header-list li.separator {
	border-top: 1px dashed #ccc;
}

ul.header-list li:last-child {
	border-top: 1px solid #ccc;
	margin-top: 15px;
}

#products li {
	float: left;
	margin-right: 10px;
	margin-bottom: 40px;
}

.product-descr {
	height: 60px;
}

input.login-button {
	position: relative;
	top: 7px;
	padding-right: 0px !important;
	margin-right: 0px !important;
}

#address-container fieldset fieldset {
	border-top-width: 0px;
}

#address-container fieldset {
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#address-container fieldset legend {
	padding-left: 0px;
}

/**************************************/
/*               FOOTER               */
/**************************************/
#footer {
	background-color: #ebebeb;
	padding-top: 10px;
	height: 80px;
}

#top-link	{ 
	display:none; 
	position:fixed; 
	right:5px; 
	bottom:5px; 
	color: white; 
	font-weight:bold; 
	text-decoration:none; 
	background-color: #002561; 
	padding:5px;
}

#top-link:hover {
	color: #F8AB17;
}




ul.athomelist div {
	margin-bottom: 3px !important;
}

ul.athomelist input[type="text"] {
	width: 90%;
}

ul.athomelist input[type="text"].small-width {
	width: 84% !important;
	position: relative;
	top: -2px;
}

ul.athomelist li.toolbar img {
	position: relative;
	top: 4px;
}

ul.athomelist li.toolbar {
	position: relative;
	top: -15px;
	text-align: right;
	margin-bottom: -10px !important;
}

ul.athomelist li:first-child {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}

ul.athomelist li {
	padding-top: 5px;
	margin-bottom: 10px;
}

ul.athomelist li.separator {
	border-top: 1px dashed #ccc;
}

ul.athomelist li:last-child {
	border-top: 1px solid #ccc;
	margin-top: 15px;
}


input.datedatepicker {
	width: 100px !important;
	background-image: url(../img/icons/calendar_view_day.png);
	background-repeat: no-repeat;
	background-position: center right;
}