/* CSS Document */

/* generic */
body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

a.toolMenu:link {color: #00256A; text-decoration:none;}
a.toolMenu:visited {color: #00256A; text-decoration:none;}
a.toolMenu:active {color: #00256A; text-decoration:none;}
a.toolMenu:hover {color: #0E9EB9; text-decoration:underline;}

a.menu:link {color: #FFFFFF; text-decoration:none;}
a.menu:visited {color: #FFFFFF; text-decoration:none;}
a.menu:active {color: #FFFFFF; text-decoration:none;}
a.menu:hover {color: #FFFFFF; text-decoration:underline;}

a.footer:link {color: #00256A; text-decoration:underline;}
a.footer:visited {color: #00256A; text-decoration:underline;}
a.footer:active {color: #00256A; text-decoration:underline;}
a.footer:hover {color: #00256A; text-decoration:none;}
/* end generic */

/* layout */
#sitePosition {
	position:absolute;
	left:50%;
	/*top:50%;*/
	width:772px;
	/*height: 100px;*/
	margin-left: -386px;
	/*margin-top: -50px;*/
}

div.clearBoth {
	clear:both; 
	line-height:0px; 
	font-size:0.5px;
	height:0px;
}

#header {
	width:772px; height:50px;
}

#headerHolder {
	padding:15px 0px 8px 15px;
}

#logo {
	float:left;
	position:relative;
}

.logo {
	width:153px; height:27px;
	border:0;
}

.avrio {position:absolute; top:30px; left:10px; border:0;}

#toolMenuHolder {
	float:right;
}

#toolMenuStart {
	float:left;
}

#toolMenu {
	float:left;
	padding-left:70px;
	height:23px; width:490px;
	border-top:2px solid #00256A;
	border-bottom:2px solid #00256A;
}

#toolMenuEnd {
	float:left;
}

.iToolMenuEnd {
	width:12px; height:27px;
	border:0;
}

div.toolSpacer {
	float:left;
	width:18px;
	text-align:center;
}

div.toolMenuItem {
	float:left;
	margin-top:4px;
	font:bold 12px arial,helvetica,sans-serif; color:#00256A;
}

div.toolMenuItem span {color:#FF0000;}

#leftCol {
	float:left;
	width:180px;
	margin-top:20px;
}

.productHeader {
	width:180px; height:28px;
	padding:0;
	margin:0;
	border:0;
	_margin-bottom:-4px;
}

#menuItemSpace {
	height:5px;
	line-height:0px; 
	font-size:0.5px;
}

#menuItemHolder {
	width:180px;
	_margin-bottom:-5px;
	font:bold 12px Arial, Helvetica, sans-serif!important;
	color:#0F3063;
}

#menuItemHolder h3 {background:#0397B5; color:#FFF; font-size:12px; font-weight:bold; padding:3px 7px; margin:0;}
#menuItemHolder h3.first {border-top:1px solid #FFF;}
#menuItemHolder ul {margin-top:10px; list-style-type:none; margin:0; padding:0;}
#menuItemHolder ul li {border-bottom:1px solid #0F3063; padding:3px 10px 3px 19px;}
#menuItemHolder ul li.justVote {background:url(../images/menu/justvote_sq.gif) 5px 7px no-repeat;}
#menuItemHolder ul li.eduClick {background:url(../images/menu/eduClick_sq.gif) 5px 7px no-repeat;}
#menuItemHolder ul li.ezService {background:url(../images/menu/ezService_sq.gif) 5px 7px no-repeat;}
#menuItemHolder ul li.ezText {background:url(../images/menu/ezText_sq.gif) 5px 7px no-repeat; border-bottom:none;}
#menuItemHolder ul li.ezGuardian {background:url(../images/menu/ezGuardian_sq.gif) 5px 7px no-repeat; border-bottom:none;}
#menuItemHolder ul li.ezClassControl {background:url(../images/menu/ezClassControl_sq.gif) 5px 7px no-repeat;}
#menuItemHolder ul li.powerClick {background:url(../images/menu/powerClick_sq.gif) 5px 7px no-repeat;}
#menuItemHolder ul li.ezAnywhere {background:url(../images/menu/ezAnywhere_sq.gif) 5px 7px no-repeat;}
#menuItemHolder ul li.ezContent {background:url(../images/menu/ezContent_sq.gif) 5px 7px no-repeat;}
#menuItemHolder ul li.ezVision {background:url(../images/menu/ezVision_sq.gif) 5px 7px no-repeat;}
#menuItemHolder ul li.ezPad {background:url(../images/menu/ezPad_sq.gif) 5px 7px no-repeat;}
#menuItemHolder ul li.ezKeys {background:url(../images/menu/ezKeys_sq.gif) 5px 7px no-repeat;}
#menuItemHolder ul li.ezTablet {background:url(../images/menu/ezTablet_sq.gif) 5px 7px no-repeat;}
#menuItemHolder ul li.ezBoard {background:url(../images/menu/ezBoard_sq.gif) 5px 7px no-repeat;}
#menuItemHolder ul li.ezTable {background:url(../images/menu/ezTable_sq.gif) 5px 7px no-repeat;}
#menuItemHolder ul li.laserPointer {background:url(../images/menu/laserPointer_sq.gif) 5px 7px no-repeat;}
#menuItemHolder ul li.ezSubscription {background:url(../images/menu/ezSubscription_sq.gif) 5px 7px no-repeat;}
#menuItemHolder ul li.ezAnywhere {background:url(../images/menu/ezAnywhere_sq.gif) 5px 7px no-repeat;}
#menuItemHolder ul li.ebeam {background:url(../images/menu/ebeam_sq.gif) 5px 7px no-repeat;}
#menuItemHolder ul li.last {border-bottom:none;}
#menuItemHolder ul li a {color:#0F3063;}
#menuItemHolder ul li a:hover {}

div.menuItem {
	padding:5px 0px 10px 0px;
	font:80% arial,helvetica,sans-serif; color:#FFFFFF;
}

div.menuItemWithSub {
	padding:10px 0px 5px 0px;
	font:80% arial,helvetica,sans-serif; color:#FFFFFF;
}

div.menuItemSub {
	padding:0px 0px 5px 0px;
	font:80% arial,helvetica,sans-serif; color:#FFFFFF;
}

span.menuLink {
	font-weight:bold;
}

.iconLarge {
	float:left;
	width:33px; height:33px;
	border:0;
	padding:0px 4px 0px 6px;
}

.iconSmall {
	float:left;
	width:23px; height:23px;
	border:0;
	padding:0px 4px 0px 17px;
}

.productFooter {
	width:180px; height:10px;
	border:0;
}

img.BESA {
	width:128px; height:48px;
	border:0;
	margin:25px 0px 0px 20px;
}

img.iso {
	width:118px; height:92px;
	border:0;
	margin:15px 0px 0px 20px;
}

#leftColContent {
	border-bottom:1px solid #000000;
}

#rightCol {
	float:left;
	width:592px;
}

#productMenu {
	float:left;
	height:28px;
	margin:20px 0px 0px 10px;
	display:inline;
}

.curriculumOnline {
	float:right;
	width:161px; height:38px;
	border:0;
	padding:0px 0px 10px 12px;
}

#footer {
	margin:10px 0px 10px 0px;
}

#copyright {
	float:left;
	font:80% arial,helvetica,sans-serif; color:#00256A;
	margin-left:10px;
}

#legal {
	float:right;
	font:80% arial,helvetica,sans-serif; color:#00256A;
	margin-right:10px;
}
/* end layout */

.iAdobe {
	float:right;
	width:88px; height:31px;
	border:0;
	margin-top:5px;
}

.iFlash {
	float:right;
	width:88px; height:31px;
	border:0;
	margin-top:5px;
	margin-right:5px;
}

.iDownload {
	width:26px; height:26px;
	border:0;
}

span.formLabel {
	float:left;
	width:140px; height:16px;
	font:80% arial,helvetica,sans-serif; color:#00256A;
	margin-top:1px;
	display:block;
}

span.formRequired {
	float:left;
	width:140px; height:16px;
	font:70% arial,helvetica,sans-serif; color:#FF0000;
}

span.required {
	font:70% arial,helvetica,sans-serif; color:#FF0000;
}

input {
	width:150px; height:16px;
	font:80% arial,helvetica,sans-serif; color:#000000;
	border:0;
	float:left;
	margin-bottom:2px;
}

select {
	font:80% arial,helvetica,sans-serif; color:#000000;
	border:0;
	float:left;
	margin-bottom:2px;
}

input.short {
	width:80px; height:16px;
	font:80% arial,helvetica,sans-serif; color:#000000;
	border:0;
	float:left;
	margin-bottom:2px;
}

textarea {
	width:150px; height:50px;
	font:80% arial,helvetica,sans-serif; color:#000000;
	border:0;
	float:left;
	margin-bottom:2px;
}

input.submit {
	width:42px; height:23px;
	border:0;
	margin-left:250px;
}

img.whitePaper {
	float:left;
	width:120px; height:121px;
	border:0;
	margin:0px 10px 5px 0px;
}

img.EzClickProDemo {
	float:right;
	width:120px; height:104px;
	border:0;
	margin:0px 0px 5px 5px;
}

h1.whitePaper {
	font:bold 100% arial,helvetica,sans-serif; color:#C30404;
}

img.ezSubscriptionWebAd {
	float:right;
	width:296px; height:87px;
	border:0;
	margin:10px 0px 10px 10px;
}

img.ezSubscriptionWebAdLeft {
	float:left;
	width:296px; height:87px;
	border:0;
	margin:10px 10px 10px 0px;
}

div.buyLeft {
	float:left;
	width:5px; height:28px;
	border:0;
	background-image:url(../images/buyMenuLeft.gif);
	background-repeat:none;
}

div.buyMiddle {
	float:left;
	height:24px;
	border-top:2px solid #FF0000;
	border-bottom:2px solid #FF0000;
	background-color:#FF0000;
}

div.buyRight {
	float:left;
	width:5px; height:28px;
	border:0;
	background-image:url(../images/buyMenuRight.gif);
	background-repeat:none;
}

a.productBuy:link {color: #FFF; font-weight:bold; text-decoration:underline;}
a.productBuy:visited {color: #FFF; font-weight:bold; text-decoration:underline;}
a.productBuy:active {color: #FFF; font-weight:bold; text-decoration:underline;}
a.productBuy:hover {color: #FFF; font-weight:bold; text-decoration:none;}