BODY { margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:23px; 
       font-family:Arial; font-size:12px; color:#3d444e;
	 }
HTML {height:100%;}
TD, * TD {
  font-family:Arial; font-size:12px; color:#3d444e;
}

a.LinkTop:visited, a.LinkTop:link, a.LinkTop:active, a.LinkTop:hover {
	font-family:Arial;
	font-size:12px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

a.LinkMenuSide:visited, a.LinkMenuSide:link, a.LinkMenuSide:active {
	font-family:Arial;
	font-size:12px;
	color:#3d444e;
	text-decoration:none;
	font-weight:normal;
}

a.LinkMenuSide:hover, .LinkMenuSide {
	font-family:Arial;
	font-size:12px;
	color:#0056a6;
	text-decoration:none;
	font-weight:normal;
}



a.LinkMenuRSide:visited, a.LinkMenuRSide:link, a.LinkMenuRSide:active, a.LinkMenuRSide:hover {
	font-family:Arial;
	font-size:12px;
	color:#3d444e;
	text-decoration:underline;
	font-weight:normal;
}

a.LinkNews:visited, a.LinkNews:link, a.LinkNews:active, a.LinkNews:hover {
	font-family:Arial;
	font-size:14px;
	color:#3d444e;
	text-decoration:underline;
	font-weight:normal;
	line-height:16px;
}

a.LinkInvite:visited, a.LinkInvite:link, a.LinkInvite:active, a.LinkInvite:hover {
	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}

a.BottomLinks:visited, a.BottomLinks:link, a.BottomLinks:active, a.BottomLinks:hover, .BottomLinks {
	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	line-height:20px;
}



.GroupBGArrow {
	background-image:url(images/menu_arrow_down.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

.GroupBGArrowGrey {
	background-image:url(images/menu_arrow_down_gray.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

.pad_groups {padding:15px 11px 15px 11px;}
.pad_groups_pic {padding:15px 2px 15px 2px;}
.pad_blocks {padding:0px 0px 0px 10px;}

h3 {
	font-family:Arial;
	font-size:14px;
	color:#FFF;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	line-height:14px;
}

.BordersA {
	border-left:1px;
	border-right:1px;
	border-top:1px;
	border-bottom:1px;
	border-color:#d3d6cd;
	border-style:solid;
	padding:0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.brdLink {
	border:1px solid #d3d6cd;
}
	
.BordersB {
	border-right:1px;
	border-top:1px;
	border-bottom:1px;
	border-color:#d3d6cd;
	border-style:solid;
}

.InviteBlock {
	border-right:1px;
	border-top:1px;
	border-bottom:1px;
	border-left:1px;
	background-image:url(images/bg_invite.gif);
	background-repeat:repeat-x;
	background-position:top left;
	border-style:solid;
	border-color:#3d444e;
	height:22px;
	width:178px;
	padding:1px 1px 1px 1px;
}

.font_24px {font-size:24px;}
.font_16px {font-size:15px;}
.font_14px {font-size:14px;}

.form_text_description {
	background-color:#f8faf2;
	border:1px solid #d3d6cd;
	font-family:Arial;
	font-size:12px;
	color:#3d444e;
	width:200px;
	height:80px;
}

.form_text {
	background-color:#f8faf2;
	border:1px solid #d3d6cd;
	font-family:Arial;
	font-size:12px;
	color:#3d444e;
	width:200px;
	height:20px;
}

.form_login {
	background-color:#f8faf2;
	border:1px solid #d3d6cd;
	font-family:Arial;
	font-size:12px;
	color:#3d444e;
	width:160px;
	height:20px;
}

/********************Abizc.com style*********************************/
a.leftblue:link		{font-family: Arial;	font-size: 13px; font-weight:normal;	text-decoration:none;	color: #0056A6;}
a.leftblue:visited	{font-family: Arial;	font-size: 13px; font-weight:normal;	text-decoration:none;	color: #0056A6;}
a.leftblue:hover 	{font-family: Arial;	font-size: 13px; font-weight:normal;	text-decoration:underline; 	color: #0056A6;}

a.leftlink:link		{font-family: Arial;	font-size: 13px; font-weight:normal;	text-decoration:none;	color: #3D444E;
    text-align: left;
}
a.leftlink:visited	{font-family: Arial;	font-size: 13px; font-weight:normal;	text-decoration:none;	color: #3D444E;}
a.leftlink:hover 	{font-family: Arial;	font-size: 13px; font-weight:normal;	text-decoration:underline; 	color: #3D444E;}
.leftlink		 	{font-family: Arial;	font-size: 13px; font-weight:normal;	text-decoration:none;	color: #6C9A0C;}

a.leftlinkB:link	{font-family: Arial;	font-size: 12px; font-weight:bold;	text-decoration:underline;	color: #3D444E;}
a.leftlinkB:visited	{font-family: Arial;	font-size: 12px; font-weight:bold;	text-decoration:underline;	color: #3D444E;}
a.leftlinkB:hover 	{font-family: Arial;	font-size: 12px; font-weight:bold;	text-decoration:none; 	color: #3D444E;}


a.footer:link 	{font-family: Arial;	font-size: 12px; font-weight:bold;	text-decoration:none;	color: #FFFFFF;}
a.footer:visited{font-family: Arial;	font-size: 12px; font-weight:bold;	text-decoration:none;	color: #FFFFFF;}
a.footer:hover 	{font-family: Arial;	font-size: 12px; font-weight:bold;	text-decoration:none; 	color: #FFFFFF;}
.footer			{font-family: Arial;	font-size: 12px; font-weight:bold;	text-decoration:none; 	color: #FFFFFF;}
a.page:link 	{font-family: Arial;	font-size: 13px; font-weight:bold;	text-decoration:underline;	color:#3D444E;}
a.page:visited	{font-family: Arial;	font-size: 13px; font-weight:bold;	text-decoration:underline;	color:#3D444E;}
a.page:hover 	{font-family: Arial;	font-size: 13px; font-weight:bold;	text-decoration:underline; 	color:#3D444E;}
.page			{font-family: Arial;	font-size: 13px; font-weight:bold;	text-decoration:none; 	color: #3D444E;}

a.header:link 	{font-family: Arial;	font-size: 12px; font-weight:bold;	text-decoration:none;	color: #101010;}
a.header:visited{font-family: Arial;	font-size: 12px; font-weight:bold;	text-decoration:none;	color: #101010;}
a.header:hover 	{font-family: Arial;	font-size: 12px; font-weight:bold;	text-decoration:none; 	color: #101010;}
.LeftRight {	font-family: Arial;	font-weight: bold;	font-size: 14px;	color: #FFFFFF;}
.leftmsg {	font-size: 12px;	font-family: Arial;	font-weight: bold; color:#333300;
    text-align: left;
}
.srch {	color: #666666;	font-family: Arial;	font-size: 14px;	font-weight: bold;}
.srchBLU {	color: #3D444E;	font-family: Arial;	font-size: 14px;	font-weight: bold;}
.fieldnames {	font-size: 13px;	font-family: Arial;	font-weight: bold;	color:#666666; margin-left: 40px;
    width: 85%;
}
.fieldnames2 {	font-size: 13px;	font-family: Arial;	color:#666666;
    text-align: left;
}
.style5 {	color: #999999;	font-weight: bold;	font-family: Arial;	font-size: 12px;}
.inbox {	font-size: 12px;	font-family: Arial; font-weight: normal; color:#000000;
    text-align: left;
}
.unread {	font-size: 12px;	font-family: Arial; font-weight: bold; color:#000000; background: #999999;}
input,select,options,textarea,radio {	background-color: #F8FAF2;	border: 1px solid #D3D6CD;	font-size:12px;	height: 20px;}
.text {	color: #666666;	font-size: 12px;	font-family: Arial;}
.textBig {	color: #666666;	font-size: 11px;	font-family:Verdana, Arial, Helvetica, sans-serif;}

h1{ margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:22px;}
h2{ margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.darkblue{ color:#3D444E;}



/* Master Page*/

.TopLeftMasterTD
{
     width: 202;
     text-align:center;
     background-image:url('App_Themes/Default/images/logobg.gif');
     background-repeat:repeat;
     background-position:center;
}

.TopLeftMasterTable
{
   width:100%;
   border:0;
   border-spacing: 0;  /* border-collapse: collapse; */
   padding:0;
}

.TopLeftMasterTdLeft
{
    text-align:left;
    background-image:url(images/startA.gif), width:1px, height:67px;
}

.TopLeftMasterTdCenter
{
    text-align:center;
    background-image:url(images/logo.gif) , width:1px, height:67px;
}

.ChildMainTable
{
     width:100%;
     padding:0 0 0 0;
     border:0;
     margin-right:5px;
     margin-left:5px;
     border-collapse: separate;
}

.Label
{
    margin:0px; font-family:Arial, Helvetica, sans-serif; color:#3D444E; font-size:22px; font-weight:bold;
}

.LabelSmaller
{
    margin:0px; font-family:Arial, Helvetica, sans-serif; color:#3D444E; font-size:14px; font-weight:bold;
}

.pageSmaller			{font-family: Arial;	font-size: 13px; font-weight:normal;	text-decoration:none; 	color: #3D444E;}

.place {
	background-image:url(images/mainPic.gif);
	background-repeat:no-repeat;
	border:0;
	background-position:center;
}

.top_header {background-image: url(images/head.jpg);	background-repeat: repeat-x;}
.bottom_header_left {background-image: url(images/left.jpg);	background-repeat:no-repeat;}
.bottom_header_right {background-image: url(images/right.jpg); 	background-repeat:no-repeat;}
.bottom_header_center {background-image: url(images/center.jpg);	background-repeat: repeat-x;}
.bottom_header_line {background-image: url(images/line.jpg);	background-repeat: repeat-x;}
.company_name { font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#353131;}
.horizontal_line { background-color:#353131;}


.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 0px 0px 1px;
	font-size: 12px;
	width:14%;
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display:block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	white-space: nowrap;
	padding: 4px 19px 4px 33px;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}

/* 888888888888888888888888888888 Online English 8888888888888888888888888888888888888 */

HTML {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
	FONT-SIZE: 10px; MARGIN: 0px auto; FONT-FAMILY: Arial,Verdana,Helvetica,sans-serif; TEXT-ALIGN: center
}
#webpage .header {
	WIDTH: 100%; HEIGHT: 90px
}
#webpage .header .left {
	FLOAT: left; BACKGROUND-IMAGE: url(images/big_bg.jpg); WIDTH: 782px; HEIGHT: 90px
}
#webpage .header .right {
	BACKGROUND-IMAGE: url(images/header_bg.png); BACKGROUND-REPEAT: repeat-x; HEIGHT: 90px
}
#webpage .subheader {
	FONT-SIZE: 12px; WIDTH: 100%; COLOR: #d6e8fe; PADDING-TOP: 4px; HEIGHT: 20px; BACKGROUND-COLOR: #0f3976
}
#webpage .subheader .logout {
	PADDING-LEFT: 10px; FLOAT: left; WIDTH: 50px; TEXT-ALIGN: left
}
#webpage .subheader .schoolName {
	PADDING-LEFT: 10px; FLOAT: left; WIDTH: 200px; TEXT-ALIGN: left
}
#webpage .subheader .logout A {
	COLOR: #fff; TEXT-DECORATION: underline
}
#webpage .subheader .times {
	MARGIN: 0px auto; WIDTH: 824px
}
#webpage .subheader .time {
	PADDING-RIGHT: 20px; MARGIN-TOP: -2px; PADDING-LEFT: 20px; FLOAT: left; BACKGROUND-IMAGE: url(images/clock.png); PADDING-TOP: 2px; BACKGROUND-REPEAT: no-repeat; WHITE-SPACE: nowrap; HEIGHT: 16px; TEXT-ALIGN: left
}
#webpage .header_options {
	WIDTH: 100%
}
#webpage .header_options .left {
	FLOAT: left; WIDTH: 130px; PADDING-TOP: 9px; TEXT-ALIGN: left
}
#webpage .header_options .left .link_container {
	MARGIN-TOP: 3px; WIDTH: 106px; HEIGHT: 21px; BACKGROUND-COLOR: #0f3976
}
#webpage .header_options .left .link_container .round_corner {
	FLOAT: right; BACKGROUND-IMAGE: url(images/round-button.png); WIDTH: 6px; HEIGHT: 21px
}
#webpage .header_options .left .link_container A {
	DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 12px; FLOAT: left; WIDTH: 90px; COLOR: #fff; PADDING-TOP: 3px; HEIGHT: 18px; BACKGROUND-COLOR: #0f3976; TEXT-DECORATION: none
}
#webpage .header_options .center {
	MARGIN: 0px auto; WIDTH: 680px; BORDER-BOTTOM: #d0e0f4 1px solid
}
#webpage .header_options .center .title {
	FONT-SIZE: 22px; COLOR: #0f3976; PADDING-TOP: 27px; WHITE-SPACE: nowrap
}
#webpage .header_options .center .forms {
	
}
#webpage .header_options .center INPUT {
	BORDER-RIGHT: #8db2e5 1px solid; BORDER-TOP: #8db2e5 1px solid; BORDER-LEFT: #8db2e5 1px solid; BORDER-BOTTOM: #8db2e5 1px solid; BACKGROUND-COLOR: #e3eefa
}
#webpage .header_options .right {
	FLOAT: right; WIDTH: 106px; PADDING-TOP: 9px; TEXT-ALIGN: left
}
#webpage .header_options .right .link_container {
	MARGIN-TOP: 3px; WIDTH: 106px; HEIGHT: 21px; BACKGROUND-COLOR: #0f3976
}
#webpage .header_options .right .link_container .round_corner {
	FLOAT: left; BACKGROUND-IMAGE: url(images/round-button2.png); WIDTH: 6px; HEIGHT: 21px
}
#webpage .header_options .right .link_container A {
	DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 12px; FLOAT: right; WIDTH: 90px; COLOR: #fff; PADDING-TOP: 3px; HEIGHT: 18px; BACKGROUND-COLOR: #0f3976; TEXT-DECORATION: none
}
#webpage .content {
	CLEAR: both; WIDTH: 100%
}
#webpage .content .left {
	FLOAT: left; WIDTH: 160px
}
#webpage .bubble {
	MARGIN-TOP: 10px; FLOAT: left; WIDTH: 155px; COLOR: #fff; TEXT-ALIGN: left
}
#webpage .bubble .top {
	FONT-SIZE: 20px; FLOAT: left; WIDTH: 155px; HEIGHT: 23px; BACKGROUND-COLOR: #0f3976
}
#webpage .bubble .top .text {
	PADDING-LEFT: 10px; FONT-SIZE: 12px; FLOAT: left; WIDTH: 134px; PADDING-TOP: 4px; HEIGHT: 19px
}
#webpage .bubble .top .corner1 {
	FLOAT: left; BACKGROUND-IMAGE: url(images/corner1.png); WIDTH: 11px; HEIGHT: 23px
}
#webpage .bubble .links {
	BORDER-RIGHT: #0f3976 1px solid; PADDING-LEFT: 10px; FLOAT: left; WIDTH: 144px; LINE-HEIGHT: 18px
}
#webpage .bubble .links A {
	FONT-SIZE: 12px; COLOR: #0f3976
}
#webpage .bubble .bottom {
	FLOAT: left; BACKGROUND-IMAGE: url(images/corner2.png); WIDTH: 155px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 11px
}
#webpage .mail {
	MARGIN-TOP: 10px; FLOAT: left; WIDTH: 150px; HEIGHT: 21px
}
#webpage .mail A {
	FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none
}
#webpage .mail .text {
	FLOAT: left; BACKGROUND-IMAGE: url(images/mail.png); WIDTH: 144px; PADDING-TOP: 3px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 18px; BACKGROUND-COLOR: #0f3976
}
#webpage .mail .round_corner {
	FLOAT: left; BACKGROUND-IMAGE: url(images/round-button.png); WIDTH: 6px; HEIGHT: 21px
}
#webpage .content .columns {
	MARGIN: 0px auto; WIDTH: 820px
}
#webpage .content .columns .column_only {
	FLOAT: left; WIDTH: 600px
}
#webpage .content .columns .column_left {
	FLOAT: left; WIDTH: 200px
}
#webpage .content .columns .column_middle {
	BORDER-RIGHT: #d0e0f4 1px solid; PADDING-LEFT: 10px; FLOAT: left; BORDER-LEFT: #d0e0f4 1px solid; WIDTH: 200px
}
#webpage .content .columns .column_right {
	PADDING-LEFT: 10px; FLOAT: left; WIDTH: 220px
}
#webpage .content .columns .red_link {
	BACKGROUND-POSITION: 0px 4px; MARGIN-TOP: 1px; PADDING-LEFT: 10px; FONT-SIZE: 12px; FLOAT: left; BACKGROUND-IMAGE: url(images/arrow.png); WIDTH: 200px; COLOR: #be0000; BORDER-BOTTOM: #0f3976 1px solid; BACKGROUND-REPEAT: no-repeat; WHITE-SPACE: nowrap; HEIGHT: 19px; TEXT-ALIGN: left
}
#webpage .content .columns .red_link A {
	COLOR: #be0000; BORDER-BOTTOM: #0f3976 1px solid; TEXT-DECORATION: none
}
#webpage .content .columns .red_link2 {
	BACKGROUND-POSITION: 0px 4px; MARGIN-TOP: 1px; PADDING-LEFT: 10px; FONT-SIZE: 12px; FLOAT: left; BACKGROUND-IMAGE: url(images/arrow.png); WIDTH: 300px; COLOR: #be0000; BORDER-BOTTOM: #0f3976 1px solid; BACKGROUND-REPEAT: no-repeat; WHITE-SPACE: nowrap; HEIGHT: 19px; TEXT-ALIGN: left
}
#webpage .content .columns .red_link2 A {
	COLOR: #be0000; BORDER-BOTTOM: #0f3976 1px solid; TEXT-DECORATION: none
}
#clear_bottom {
	CLEAR: both; WIDTH: 100%; HEIGHT: 200px
}
#webpage .content .columns .logo_newsservice {
	CLEAR: both; MARGIN-TOP: 50px; FLOAT: left; BACKGROUND-IMAGE: url(images/logo_newsservice.jpg); WIDTH: 215px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 90px
}
#webpage .content .columns .logo_themes {
	CLEAR: both; MARGIN-TOP: 50px; FLOAT: left; BACKGROUND-IMAGE: url(images/logo_themes.jpg); WIDTH: 215px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 90px
}
#webpage .content .columns .logo_thismonth {
	CLEAR: both; MARGIN-TOP: 50px; FLOAT: left; BACKGROUND-IMAGE: url(images/logo_thismonth.jpg); WIDTH: 215px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 90px
}
#webpage .content .columns .logo_quiz {
	CLEAR: both; MARGIN-TOP: 50px; FLOAT: left; BACKGROUND-IMAGE: url(images/logo_quiz.jpg); WIDTH: 215px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 90px
}
#webpage .content .columns .logo_proverbs {
	CLEAR: both; MARGIN-TOP: 50px; FLOAT: left; BACKGROUND-IMAGE: url(images/logo_proverbs.jpg); WIDTH: 215px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 90px
}
#webpage .content .columns .logo_tests {
	CLEAR: both; MARGIN-TOP: 50px; FLOAT: left; BACKGROUND-IMAGE: url(images/logo_tests.jpg); WIDTH: 215px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 90px
}
#webpage .content .columns .logo_grammar {
	CLEAR: both; MARGIN-TOP: 50px; FLOAT: left; BACKGROUND-IMAGE: url(images/logo_grammar.jpg); WIDTH: 215px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 90px
}
#webpage .content .columns .logo_textbooksupp {
	CLEAR: both; MARGIN-TOP: 50px; FLOAT: left; BACKGROUND-IMAGE: url(images/logo_textbooksupp.jpg); WIDTH: 215px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 90px
}
#webpage .content .columns .logo_interactive {
	CLEAR: both; MARGIN-TOP: 50px; FLOAT: left; BACKGROUND-IMAGE: url(images/logo_interactive.jpg); WIDTH: 215px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 90px
}
#webpage .content .columns .logo_ithemes {
	CLEAR: both; MARGIN-TOP: 50px; FLOAT: left; BACKGROUND-IMAGE: url(images/logo_ithemes.jpg); WIDTH: 215px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 90px
}
#webpage .content .columns .logo_share {
	CLEAR: both; MARGIN-TOP: 50px; FLOAT: left; BACKGROUND-IMAGE: url(images/logo_share.jpg); WIDTH: 215px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 90px
}

.modalBackground
{
  background-color:Gray;
  filter:alpha(opacity=40);
  opacity:0.5;
}

.ModalWindow
{
  border: solid1px#c0c0c0;
  background:#f0f0f0;
  padding: 0px10px10px10px;
  position:absolute;
  top:-1000px;
}