/* GLOBAL LAYOUT [from epals_content.css] */
body {
	margin: 10px; 
	padding: 0px; 
	background: #39AFE1; 
	font-family: arial,helvetica,sans-serif; 
	font-size: 13px;
	color: #333;
	}


#headertable {width: 962px; margin-bottom: 5px;}
#headerlogo {margin: 5px 25px 5px; float: left; height: 81px; width: 118px;}
#headeradspace {float: right;}

.topleftcorner {background-image: url('http://www.epals.com/images/LAYOUT/common/corner_topleft.png');height:10px; width:16px}
.toppage {background-color: #fff; width: 930px;}
.toprightcorner {background-image: url('http://www.epals.com/images/LAYOUT/common/corner_topright.png');height:10px; width:16px}
.sideleft {background-image: url('http://www.epals.com/images/LAYOUT/common/side_left.png'); background-repeat: repeat-y; width:16px}
.contentcell {background: #FFF;}
.maincontentcell {padding-top: 14px; padding-bottom: 14px;}
.sideright {background-image: url('http://www.epals.com/images/LAYOUT/common/side_right.png'); background-repeat: repeat-y; width:16px}
.bottomleftcorner {background-image:url('http://www.epals.com/images/LAYOUT/common/corner_bottomleft.png'); height:12px; width:16px}
.bottomrightcorner {background-image:url('http://www.epals.com/images/LAYOUT/common/corner_bottomright.png'); height:12px; width:16px}
.bottompage {background-image: url('http://www.epals.com/images/LAYOUT/common/bottom.png'); background-repeat: repeat-x; width: 930px; }



#loginaction {float: right; margin-bottom: 5px;}

#welcometagline {color: #8A0917; font-weight: bold; font-size: 19px; margin: 5px 10px 0px; }
#welcomesubtagline {color: #666; font-size: 16px; margin: 5px 10px 10px;}



/* NAVIGATION MENU [from epals_content.css] */
ul#nav, ul#nav li, ul#nav li ul, ul#nav li ul li {margin:0; padding:0; list-style-type:none;z-index:100;} 
ul#nav {width:962px; }
ul#nav a {text-decoration:none; display:block; padding:5px 0 0 5px; font-family:arial, helvetica, sans-serif; font-size:14px; color:#FFF; text-align:center; height:22px;_height:27px;}
ul#nav a:hover {text-decoration:underline; }
ul#nav li {float:left; position:relative; width:137px; height:27px; border-left:none; border-right:1px solid #FFF; background: url( 'http://www.epals.com/images/LAYOUT/common/nav_sprite.gif' ) repeat-x;}
ul#nav li.last {border-right:none; width:133px;}
ul#nav li ul {display:none;position: absolute;border:solid #c4c4be 1px; left:0;background:#f6f7ee; }
ul#nav li ul li{float:none;width:134px; height:21px; border-right:none;}
ul#nav li.last ul li {width:133px;}
ul#nav li ul li a{color: #000; text-align:left; font-size:11px; background:#f6f7ee; height:16px;_height:21px;}
ul#nav li ul li a:hover {background-color:#8c8ad0;}
.submenu a {background:transparent url( 'http://www.epals.com/images/LAYOUT/common/nav_sprite.gif' ) 123px -69px no-repeat;}

	



#footerline {width: 100%; border: none; border-top: 1px solid #CCC; margin: 0px; margin-top: 10px;}
#footerTrusteLogo {float: left; width: 100px; height: 35px; margin-top: 4px; border: none;}
#footer_links {clear: both}
#footer_links a { color: #9359A4; padding-bottom: 10px; margin: 0px 10px; font-weight: bold; }
#international_links {text-align: center;}
#international_links a {margin: 4px 20px 0px 20px;}
#international_links a img {margin: 4px 10px 0px 10px; border-bottom: 1px solid #FFF}
#international_links a:hover img {border-bottom: 1px solid #378396}
#copyright { margin: 10px; color:#fff; font-size: 11px; }
#copyright a { color: #fff; }
	
	

/* GLOBAL FORMATTING STYLES [from epals_content.css] */

p, td { font-size: 13px; }

h1 { font-size: 25px; color:#339;}
h2 { font-size: 20px; color:#63C; text-align: center;}
h3 { font-size: 18px; color:#9359a5; border-bottom: 3px solid #ddd; font-weight: normal;}
h4 { font-size: 16px; color:#333;}
h5 { font-size: 13px; color:#333; margin-bottom: 2px;}
h6 { font-size: 13px; color:#339;}

a { text-decoration: none; color: #378396; }
a:hover { text-decoration: underline; }

.tm {
	vertical-align: super;
	font-size: 7px;
	}

.button_85 {
	font-family: arial,helvetica,tahoma,verdana,sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #ffffff;
	background: transparent url('/images/LAYOUT/common/button_blue_85.gif') no-repeat 0px 0px;
	width: 85px;
	height: 20px;
	*padding-top: 2px; /* for PC-IE */
	padding-bottom: 2px;
	border: none;
	cursor: pointer;
	text-align: center;
}
.button_85:hover {
	background-position: 0px -20px;
	text-decoration: none;
}
.button_120 {
	font-family: arial,helvetica,tahoma,verdana,sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #ffffff;
	background: transparent url('/images/LAYOUT/common/button_blue_120.gif') no-repeat 0px 0px;
	width: 120px;
	height: 20px;
	*padding-top: 2px; /* for PC-IE */
	padding-bottom: 2px;
	border: none;
	cursor: pointer;
	text-align: center;
}
.button_120:hover {
	background-position: 0px -20px;
	text-decoration: none;
}

.error {color: #F00; font-weight: bold; margin-bottom: 10px;}
.messages {text-align: center; color: #c00; font-weight: bold;}


/* PAGE CONTENT STYLES [from epals_content.css] */
.blocktitle {height: 24px; background: url('http://www.epals.com/images/LAYOUT/common/contentmoduletop_background.gif') repeat-x; color: #FFF; font-size: 13px; padding-top: 5px; padding-left: 5px; margin-bottom: 0px;}
.tdcontent {background: #ffffff; color: #666;}
td.quartercolumn {width: 222px; background: #ffffff; }
.blockcontent {padding: 5px 10px 10px 10px;}
.blocksubtitle {color: #9359a4; font-weight: bold; margin-bottom: 10px; font-size: 12px;}


.dlTab { display:none; }
.dlTab2 { display:none; }
.show { display:block; }
.hide { display: none; }

/* USED IN WIDGETS [from epals_content.css] */
.bolded { font-weight: bold; }

/* USED IN REGISTRATION - VIEWS/JOIN */
.show2 { display: inline; margin-left: 10px;}
.hide2 { display: none; }

/* PASSWORD & USERNAME RETRIEVAL STYLES */
.forgot div.input {margin-bottom: 15px;}
.forgot div.input label {display: block; float: left; font-weight: bold; margin-right: 7px; padding-top: 4px; text-align: right; }
.forgot div.input input {width: 150px; }
.forgot .blockcontent {}

/* PASSWORD & USERNAME RETRIEVAL STYLES */
.login div.input {margin-bottom: 15px;}
.login div.input label {display: block; float: left; width: 175px; font-weight: bold; margin-right: 7px; padding-top: 4px; text-align: right; }
.login div.input input {width: 200px; }
.login .blockcontent {}



/*  NEWJOIN AND SETTINGS STYLES */

div.joinwrapper div.joinrow {padding: 6px; clear: left;}
div.moduserwrapper div.joinrow {padding: 6px; clear: left;}
.fieldexplanation {color: #666; font-size: 10px; font-weight: normal; }


.register1 div.input {margin-bottom: 15px;}
.register1 div.input label {display: block; float: left; width: 175px; font-weight: bold; margin-right: 7px; padding-top: 4px; text-align: right; }
.register1 div.input input {width: 200px; }
div.input #JoinAdultEducator {width: 15px; margin-left: 165px; margin-right: 6px; }
.register1 div.joinrow2 label {display: none; }
#JoinKidEmail {margin-top: 5px;}
.register1 .blockcontent {height: 240px;}


div.input label {display: block; float: left; width: 175px; font-weight: bold; margin-right: 7px; padding-top: 4px; text-align: right; }
div.noinput label {display: block; float: left; width: 175px; font-weight: bold; margin-right: 7px; padding-top: 0px; text-align: right;}
div.input input {width: 300px; }
div.moduserwrapper div.input span {color: #f00}

div.input #InvitedNoNewsletter {width: 15px; margin-right: 6px; margin-left: 160px;}
html*div.input #InvitedNoNewsletter {
width: 15px;
margin-right: 6px;
[margin-left: 165px;
margin-left: 0px;/*safari hack... safari doesn't read attributes starting with a "[" or "]" */
]margin-left: 165px;
}

div.input #InvitedTou {width: 15px; margin-left: 160px; margin-right: 6px; }
html*div.input #InvitedTou {
width: 15px;
margin-right: 6px;
[margin-left: 165px;
margin-left: 0px;/*safari hack... safari doesn't read attributes starting with a "[" or "]" */
]margin-left: 165px;
}

div.input #UserPreferenceDeliveryNotification, div.input #UserPreferenceProfileNotification {width: 15px; margin-right: 6px; margin-left: 160px; margin-top: 10px;}
html*div.input #UserPreferenceDeliveryNotification, html*div.input #UserPreferenceProfileNotification {
width: 15px;
margin-right: 6px;
[margin-left: 165px;
margin-left: 0px;/*safari hack... safari doesn't read attributes starting with a "[" or "]" */
]margin-left: 165px;
}

.dummyend[id]{clear:both/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}



div.input #SettingsNoNewsletter {width: 15px; margin-right: 6px; margin-left: 165px;}
div.input #InvitedChildTou {width: 15px; margin-right: 6px; margin-left: 165px;}

div.input #MonitoredTeachersConsentreceived {width: 15px; margin-left: 165px; margin-right: 6px;}
div.joinrow2 label {display: none; }

.joinrow .indent {display: block; margin-left: 180px; margin-bottom: 10px; clear: left;}
.passrow .input {float: left;}

div.input textarea {width: 300px; height: 50px}

div.joinwrapper select {margin-right: 5px;}

#checkUsernameButton {float: right;}
#usernameLoading {float: right;}

.joinwrapper #checkUsernameButton {margin-right: 28px}

div.input textarea {width: 300px; height: 50px}

div.joinwrapper select {margin-right: 5px;}

#checkUsernameButton {float: right;}
#usernameLoading {float: right;}

.joinwrapper #checkUsernameButton {margin-right: 28px}

#step1regforparent #checkUsernameButton {margin-right: 300px}

#step1regforparent #checkUsernameButton {margin-right: 300px}
#step1regforparent #password1, #step1regforparent #password2, #step1regforparent #password3, #step1regforparent #password4, #step1regforparent #password5 {margin-right: 270px; *margin-right: 100px}

#usernameAvailable {color: #063; font-weight: bold; margin-left: 180px; margin-top: 4px;}
#usernameNotAvailable {color: #F00; font-weight: bold; margin-left: 180px; margin-top: 4px; }


div.submit { 
	margin-left: 188px; 
	*margin-left: 190px; 
	margin-top: 5px;
}
.register1 div.submit { 
	margin-top: 5px;
	margin-right: 15px;
	text-align: right;
}

div.submit input {
	font-family: arial,helvetica,tahoma,verdana,sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #ffffff;
	background: transparent url('/images/LAYOUT/common/button_blue_120.gif') no-repeat 0px 0px;

	width: 120px;
	height: 20px;
	*padding-top: 2px; /* for PC-IE */
	padding-bottom: 2px;
	border: none;
	cursor: pointer;
	text-align: center;
}
div.submit input:hover {
	background-position: 0px -20px;
	text-decoration: none;
}

div.joinwrapper #recaptcha_image {
	margin-left: 182px; 
	*margin-left: 185px;
}

div.error-message {color: #F00; font-weight: bold; margin-left: 180px; margin-top: 4px; }
.form-error {border: 1px solid #F00; }

div.joinwrapper div.input span {display: block; padding-top: 4px;}

.helplink {display: block; min-height: 30px; height: auto; *height: 30px; background: url('http://www.epals.com/images/register/join_help_icon.gif') no-repeat; padding-left: 38px; padding-top: 5px; margin: 0px; margin-bottom: 10px; font-size: 13px;}

/*  MONITORED ACCOUNT CREATION - CHOOSE ROLE UI */
div.input #ParentTeacherRoleTeacher {width: 13px; margin-right: 6px;}
div.input #ParentTeacherRoleParent {width: 13px; margin-right: 6px;  margin-left: 100px;}
fieldset {border: none;}
fieldset legend {display: none;}
#chooserolemonitored div.input {text-align: center; }
#chooserolemonitored div.input label {display: inline; float: none; width: auto; }
#chooserolemonitored div.submit {margin-left: 0px; text-align: center; }
#chooserolemonitored div.error-message {margin-left: 0px; text-align: center;}
.textinputerror {border: 1px solid #F00; }




/* BELOW FOR WIDGETS = MAY BE DEFINED IN WIDGET CSS FILES TOO */
#searchConsoleTop {
	width: 363px;
	background: url('http://www.epals.com/images/widgets/search/profile_search_bg_top.jpg') no-repeat;
	}
#searchField {
	width: 363px;
	height: 31px;
	padding-left: 10px;
	}
#text_input {
	margin: 10px 4px 0px 10px;
	font-size: 12px;
	font-family: arial,helvetica,tahoma,verdana,sans-serif;
	font-weight: normal;
	}
	
	
#advancedSearch td{
	padding-top: 5px;

	}
#last_registered { padding-top: 10px; }
#searchConsoleBottom {
	width: 363px;
	background-image: url('http://www.epals.com/images/widgets/search/profile_search_bg_bottom.jpg');
	text-align: center;
	border-top: 1px solid #ededed;
	}

	
/* MARKETING  [from epals_content.css] */

.advertisement {
	color: #ccc;
	font-size: 10px;
	text-align: left;
	}

.adContainer {
	border: 1px solid #ccc;
	padding: 1px;
	width: 300px;
	}



/* SCHOOLMAIL AND LEGACY STYLES  [from epals_content.css] */
a.navbar { font-family: Arial, Helvetica, verdana, sans-serif; }
a.navbar:link { text-decoration: none; }
a.navbar:hover { text-decoration: underline; }
a.navbar:visited { text-decoration: none; }
a.navbar:visited:hover { text-decoration: underline;}

a.HideMe:link { text-decoration: none;}
a.HideMe:hover { text-decoration: underline;}
a.HideMe:visited { text-decoration: none;}
a.HideMe:visited:hover { text-decoration: underline;}


/*  PAGE NAVIGATION [from epals_content.css] */

 .Pagination{list-style-type: none; margin: 0px;  padding: 0px; text-align: center;  float: right; line-height: 21px;}
 .Pagination li{display: inline; }
 .Pagination li a { padding: 2px;}
 .Pagination li a:hover{color: #fff text-decoration: none;}








/* HOME.E PAGE - TABS  [from epals_content.css] */

.tab {
	color: #666;
	cursor:pointer;
/*	width:110px;*/
	width: 33%;
	height:20px;
	background-image:url('http://www.epals.com/images/LAYOUT/common/smalltab_bg.gif');
	border:0px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #AAA;
	text-align:center;
	font-family:  arial, sans-serif;
	font-size:11px;
	font-weight:none;
}
.tab_hover {
	color: #000;
	cursor:pointer;
/*	width:108px;*/
	width: 33%;
	height:20px;
	background-image:url('http://www.epals.com/images/LAYOUT/common/smalltab_bg.gif');
	border:0px;
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	text-align:center;
	font-family: arial, sans-serif;
	font-size:11px;
	font-weight:bold;
}
.tab a {
	color: #666;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	font-family: arial, sans-serif;
	font-size:11px;
	font-weight:none;
}
.tab_hover a {
	color: #000;
	text-decoration:none;
	text-align:center;
	font-family: arial, sans-serif;
	font-size:11px;
	font-weight:bold;
}
.tabdatabox {
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	padding: 10px;
	color: #666;
}



/*SEARCH & SEARCH RESULTS DISPLAY [ from search.css] */

.profileSummary {width: 600px; margin: 0px 0px 8px 15px;}

#profile .name {font-size: 16px;}
#profile .byline {color: #999; font-size: 12px;}

#profileDetails .name {font-size: 16px;}
#profileDetails .byline {color: #999; font-size: 12px;}
#profileDetails .interests span {color: #008000;}
#profileDetails .interests a {color: #77c;}
#profileDetails .projects span {color: #008000;}
#profileDetails .projects a {color: #77c;}

#profileDetails table {background: #fff;}	

#profileDetails div.name * {vertical-align: middle;}


.epalsAvailableName {
	font-size: 14px;
}

.epalsAvailablePublished
	{
		clear: all;
		color: #999999;
		font-size: 11px;
	}







/* MEDIA RIVER  [ from mediaRiver.css ] */

/*POPULATED WITH RESULTS*/
#mediaRiver {width: 306px; height: 300px; overflow: auto; margin: 0px; padding: 0px; text-align: left;}
html>body #mediaRiver {width: 306px; max-height: 300px; overflow: auto; margin: 0px; }
 
#mediaRiver ul {list-style: none; margin: 0; padding: 0;}
#mediaRiver li {background: #fff; padding: 10px; margin: 0px 3px 3px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}


/*NO RESULTS*/

mediaRiverReplacement{width: 306px; overflow: auto; margin: 0px; padding: 0px; }
html>body #mediaRiverReplacement {width: 306px; overflow: auto; margin: 0px;}

#mediaRiverReplacement ul {list-style-type: none; margin: 0px;}
html>body #mediaRiverReplacement ul {list-style-type: none; margin: 0px 0px 0px -40px;}
#mediaRiverReplacement li {background: #fff; padding: 10px; margin: 0px 3px 0px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; clear: both; display: block;}

#mediaRiver .mediaRiverLIDiv {min-height: 45px; height: auto !important; height: 45px;}

#mediaRiver .thumbnail {float: left; padding-right: 5px;}
#mediaRiver .thumbnail img {width: 60px; height: 45px;}
#mediaRiver .title {display: block; font-size: 12px; font-weight: bold; }
#mediaRiver .description {display: block; font-size: 11px; line-height: 14px;}
#mediaRiver .source {display: block; font-size: 10px; color: #999;}



/* SCHOOLBLOG DIRECTORY */
.BlogListingItem.Icon { 
	background-image: url(http://images.epals.com/schoolblog/discover/blog_bubble.gif);
}
.BlogListingItem { 
	background-position: left top;
	background-repeat: no-repeat;
	margin: 10pt  0pt;
	min-height: 27px;
	padding: 0pt 0pt 0px 20px;
}
.BlogContinent {
font-size: 19px; 
font-style: italic; 
font-weight: normal;
margin: 0px 0px 6px 0px;
}
.BlogCountry {
	font-size: 16px; font-style: italic; font-weight: normal;
	padding: 6px 0px 0px 36px;
	height: 26px;
	margin: 6px 0px 0px 0px;}
.BlogState {
	text-transform: uppercase;
	font-size: 15px; font-style: italic; font-weight: bold;
	padding: 6px 0px 0px 12px;
	margin: 6px 0px 0px 0px;}
.BlogColumn {width: 30%}
.BlogName {color: #666; font-size: 13px; margin: 6px 0px 0px 24px; }
.BlogUrl {font-size: 12px; margin: 0px 0px 3px 24px;}
.BlogMorelink {font-size: 14px; margin: 14px 0px 3px 12px; font-style: italic; }


/* SCHOOLMAIL UI SWITCH*/
.UIswitch {float: right; position: relative; top: 4px;}



/* ePALS SUPPORT PAGES */

.faqList dt {padding: 4px 0px 0px 14px;}
.faqList dd {padding: 0px 0px 0px 14px;}
.faqList a.fauxlink:hover {cursor:pointer; cursor:hand; }
.faqList dd.topLink {padding: 0px;}



/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url('/images/LAYOUT/common/bubble.gif') no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url('/images/LAYOUT/common/bubble_filler.gif') repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url('/images/LAYOUT/common/bubble.gif') no-repeat bottom;
}