html *
{
    /* IE will show lines below tabs. remove if theres a problem*/
    font-family: Arial, helvetica, Sans-Serif;
    font-size: 12px;
    
}

body
{
	background: #E5ECF3 none repeat scroll 0 0;
	margin: 0px 0px 0px 0px;
}


input[type="text"], 
input[type="password"], 
textarea
{
    width: 280px;
    border: 1px solid #BDC7D8;
    padding: 3px;
}

select
{
    border: 1px solid #BDC7D8;
    padding: 3px;
}

input[type="submit"], input[type="button"]
{
    padding: 2px 15px 3px;
    background-color:#fff;
    border:solid 1px #5687E2;
}


img 
{
	border: 0px none;
	vertical-align: middle;
} 

li 
{
	list-style-type: none;
}

a
{
	border: 0px none;
}

a:link, a:visited
{
	text-decoration: none;
	color: #FF6E00;
}
a:hover
{
    text-decoration: underline;
}

table {
	border-collapse:collapse;
}


tr 
{
	height: 20px;
}



td a:link
{
	color: #0066CC;
}

td a:active , td a:visited
{
	color: #FF6E00;
}


input.btn
{
   background-color:#fff;
   border:solid 1px #5687E2;
}

#container
{
	padding: 0px;
	width: 100%;
}

/*************************************************** header stuff */

#header
{
	width: 100%;
	margin: 0px 0px 0px 0px;
	background-image: url(../img/smooth/NEI_banner_filler.gif);
	background-repeat: repeat-x;
}

#header .banner
{
    float:left;
}

#header .photoContainer
{
    float:right;
    padding-top:0.4em;
    padding-right:0.5em;
}

#header .photoContainer .links
{
    color:#fff;
    vertical-align:bottom;
}


/*this is the blue line header of edulearn just below banner*/

.header-links
{
    background-color:#fff; 
    border: solid 5px #A1DFFC;
    border-left:0;
    border-right:0;
    position:relative;
    /*top:-0.3em;*/
    top: -4px;
    height:2em;
    font-weight:bold;
}

.ie6 .header-links
{
    background-color:#fff; 
    border: solid 5px #A1DFFC;
    border-left:0;
    border-right:0;
    position:relative;
    top:-0.3em;
    height:2em;
    font-weight:bold;
}
.header-links img
{
    /* width: 20px; */
    /* modified this for odyssey 2010 mini banner -farid*/
    height: 20px;
}

.header-links #username
{
    position:relative; 
    top:0.2em; 
    color:#FF6E00
}


/* this is the header links classic mode,profile,etc*/
/* below will be used only for ie6*/
.ie6 .header-links #links
{
    float:right; 
    position: relative; 
    top: -1.5em;
}

/* this is the header links classic mode,profile,etc*/
/* below will be used only for ie7*/
.ie7 .header-links #links
{
    float:right; 
    position: relative; 
    top: -1.5em;
}

/*this settings work in ff3.5 and ie8 this is the default.*/
.header-links #links
{
    float:right; 
    position: relative; 
    top: 1px;
}

.header-links #links span
{
    margin-right: 1.5em;
}


/*************************************************** portlet stuff */


#leftCol
{
	width: 30%;
	float: left;
	margin-left: 1%;
	clear: both; /* break of the header-links chain*/
}


#leftCol div li, #rightCol div li
{
	list-style-type: square;
	padding: 2px;
}


#leftCol div .nice-list, #rightCol div .nice-list
{
	padding: 0px;
}


#leftCol div .nice-list li, #rightCol div .nice-list li
{
	list-style-type: none;
	
}

#rightCol
{
	width: 66%;
	float: left;
}



/* So that the title header, CP or QZ has a nice padding to it.*/
.portlet
{
	padding: 10px;
}

.portlet_topper
{
    position: relative;
    padding: 8px 0px 0px 5px; /* adds more height to the header */
    color: #00256D;
    background: url(../img/smooth/portlet_header.gif);
    background-repeat: repeat-x;
    border: solid 1px #A8C2E0;
    border-bottom: 0px;
    cursor: pointer;
}

.portlet_topper:hover
{
    
}

.portlet_title
{
	font-weight: bolder;
	position: relative;
	bottom: 5px;
}

.portlet_content
{
	padding-left: 5px;
	padding-bottom: 3px;
	background-color: #fff;
	border: solid 1px #A8C2E0;
}

.portlet_content_top
{
	padding: 5px;
}



/*************************************************** footer stuff */
#footer
{
	height: 12%;
	width: 100%;
	clear:both;
	padding-top: 10em;
}

#footer img
{
	padding: 0px 5px 0px 0px;
}

#footertop
{
	padding: 10px 0px 0px 10px;
	color: #fff;
	background: url(../img/smooth/footer_top.gif);
	background-repeat: repeat-x;
	background-color: #6E6E6E;
}


#footerbottom
{
	background-color: #9E9E9E;
	height: 100%;
	padding: 10px 0px 0px 0px;
}

.footerend
{
	background-color: #9E9E9E;
	padding: 10px 0px 10px 10px;
	color: #fff;
}

.footerlinks
{
	float: left;
	color: #fff;
}

.footerlinks li
{
	list-style-type: none;
	padding: 0px 0px 3px 0px;
}

.footerlinks .lhead
{
	font-weight:bold;
	padding: 0px 0px 5px 0px;
}

.footerlinks a
{
	color: #fff;
}



/*************************************************** module table stuff */

.module-links
{
    color:#000;
    margin-top: 1em;
}

.module-links a
{
    margin-right: 1em;
}

.module-description
{
    border: 1px solid rgb(221, 221, 221); 
    padding: 5px; 
    background-color: rgb(242, 242, 242); 
    color: #303030;
    width: 91.9%;
    margin-left: 0.4%;
}


.module-loader
{
    margin-top: 1em;
    
}

.drop-down-filter
{
    margin-top: 1em;
}

.table-container
{
    width: 100%;
    text-align: left;
    overflow: hidden;
    padding-left: 3px;
    
}

.table-style
{
    margin-top: 10px;
    width: 99%;
    border: solid 1px #d4d4d4;
}

.table-style th
{
    text-align: center;
    border: solid 1px #d4d4d4;
    color: #666666;
}

.table-style th img
{
    text-align: center;
    padding-bottom:1px;
    
}

.table-style-pager
{
    text-align: center;
}

.table-style td
{
    padding:2px 5px 2px 5px;
    border: solid 1px #d4d4d4;
}

.table-style tbody td td
{
    border: solid 0px #d4d4d4;
}

.table-style tr
{
}

.alternate-row
{
    background-color: #DDEAFF;
}


/*************************************************** featured courses stuff */

#ptFeaturedCourses
{
    width: 96%;
    margin-left: 1%;
    margin-top: 1%;
}

#ptFeaturedCourses a:visited
{
    color: #FF6E00;
}

.ie6 #ptFeaturedCourses /* IE6 hack */
{
    width: 96%;
    margin-left: 2%;
    margin-top: 1%;
}

/**************************************************** Tools   stuff*/

#ptTools
{
}

#ptTools .portlet_content
{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
}

#ptTools .tools-container .item, #ptTools .resources-container .item
{
    padding: 0.5em 0 0.5em 0.5em;
    cursor: pointer;
    border: solid 1px #fff;
}

#ptTools .tools-container .item:hover, #ptTools .resources-container .item:hover
{
    border: solid 1px #7EABE4;
    vertical-align: middle;
}

#ptTools .tools-container a:link, #ptTools .tools-container a:visited, #ptTools .tools-container a:active,
#ptTools .resources-container a:link, #ptTools .resources-container a:visited, #ptTools .resources-container a:active 
{
    color:#FF6E00;
    text-decoration:none;
}


/****************************************************to-do stuff*/

#ptPS
{
	/*color: #0066CC;*/
}

#ptPS .portlet_content
{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}


#ptPS .delete
{
	color: #0062A8;
}

#ptPS .editable
{
	border: solid 1px #fff;
	cursor: pointer;
	margin-bottom: 0.5em;
	color: #0066CC;
}

#ptPS .editable:hover
{
	border: solid 1px #7EABE4;
}

.div_list_space
{
	padding: 5px 5px;
}

/****************************************************bookmark stuff*/



/****************************************************email stuff*/
#ptEmail
{
	padding: 10px 10px 10px 10px;
}

.email-links
{
    width: 90%;
    border-bottom: 1px dotted #7EABE4;
    padding-bottom: 5px;
    padding-top: 3px;
    margin-bottom: 10px;
}
.message-container
{
    margin-top: 5px;
    cursor: pointer;
    padding-left: 0.5em;
    padding-top: 0.5em;
    margin-right: 0.5em;
    border: solid 1px #fff;
}
div.message-container:hover
{
    border: solid 1px #7EABE4;
}
.message
{
    white-space: nowrap;
    overflow: hidden;
    width: 75%;
}
.message .content
{
    color: #6F6F6F;
}
.message-time
{
    color: Green;
    position: relative;
    text-align: right;
    top: -1.2em;
    left: -5px;
}

/******************************************ANL Courses*/

#ptANLCourses
{
}



/*************************************************** Featured Courses Stuff */

/**tabs*/

.featured-content
{
    margin-right: 1em;
    margin-bottom: 1em;
}
        
.level
{
    margin-top: 1em;
    width: 15%;
    float: left;
    margin-right: 1em;
}

.level .level-description
{
    border-bottom: dotted 1px #d4d4d4;
    color: #FF6E00;
    font-weight: bold;
    width: 80%
}

.level .product
{
    padding-top: 0.5em
}

.level .product-description
{
    color: #0066CC;
}

.level .product-description a:link
{
	color: #0066CC;
}

.level .product-description a:active , .level .product-description a:visited
{
	color: #FF6E00;
}

.no-content-subscription
{
    color: #0066CC;
}


/*************************************************** Search stuff */

#search-panel
{
    margin-top: 10px;
    vertical-align: middle;
}

#search-panel .text
{
    border: solid 1px #ddd; 
    width: 15em;
    vertical-align: middle;
}

#search-panel .dropdown
{
    border: solid 1px #ddd; 
    vertical-align: middle;
}

#search-panel .button
{
    vertical-align: bottom;
    position: relative;
    top: 3px;
}

.ie #search-panel .button
{
    vertical-align: 0px;
    top: 0.55em
}

#search-results
{
    padding-right: 1em;
}

#search-results .items
{
    margin-bottom: 1em;
}

#search-results .nav-status
{
    text-align: center;
    color: #C62F2F;
}

#search-results .search-nav
{
    text-align: center;
}

/*topsearch stuff*/
.top-search
{
    border: solid 1px #ddd; 
    padding: 5px 0px 0px 5px;
    width: 98%;
}

.top-search .type
{
    float: left; 
    width: 25%;
}

.top-search .type #today
{
    color: #0066CC;
}

.top-search .type #week
{
    color: Green;
}

.top-search .type #month
{
    color: Red;
}

.top-search .type #all-time
{
    color: Purple;
}


.top-search .type .header-style
{
    border-bottom: 1px dotted #D4D4D4;
}

/*************************************************** Error Container */

#errorContainer
{
	width: 66%;
	clear: both; /* break of the header-links chain*/
	list-style-type: square;
	padding: 2px;
    margin-left:15%; 
    margin-top: 15%;
}

#error-content
{
    min-height: 1em;
    text-align: center;
}


/*************************************************** Bookmark Stuff */

#Bookmark li span
{
    color: #A3A5FE;
    padding-left: 0.5em;
}

/*************************************************** Modal popup stuff */

.modalPopup
{
    background-color:#fff; 
    width: 500px;
    border: solid 0.4em #C1D9FF;
}

.modalBackground 
{
	background-color:#000;
	filter:alpha(opacity=30);
	opacity:0.3;
}

.modal-items, .modal-items
{
    color: #545454;
}

.modal-items table
{
    width: 99%;
    border-collapse:collapse;
}

.modal-items td
{
    border: medium none;
    margin: 0;
    padding: 8px 1px 8px;
    border-bottom:1px solid #D7D7D7;
}

.modal-items .desc
{
    font-weight: bold;
    padding: 0px;
    
}

.modal-items .formsubmit-row
{
    border: none;
    padding-top: 1em;
}

.modal-items .info
{
    color: Red;
}



/*************************************************** misc stuff */


.tooltip
{
	border: 3px solid #A2D1EF;
	background-color: #fff;
	padding: 10px;
	color: #000;
}


/*************************************************Convert to accordian */

#ptMSG, #ptCP, #ptQZ, #ptFR, #ptHW, #ptSV, #ptSearch, #ptMyTask, #ptTools, #ptReports, #ptEmail, #ptGoogle, #ptPS, #ptSA
{
    padding-bottom: 0px;
    padding-top: 0px;
}


#rightCol .portlet_content, #leftCol .portlet_content
{
    border-bottom: 0px;
}

#ptMSG, #ptMyTask
{
    margin-top: 10px;
}

#ptSearch .portlet_topper, #ptSearch .portlet_content, #ptPS .portlet_topper, #ptPS .portlet_content
{
    border-bottom: 1px solid #A8C2E0;
}

#ptSearch .portlet_content, #ptPS .portlet_content
{
    border-top: 0px;
}








/*************quiz report section***/


.qzRptClassListODD
{
    padding: 4px;
    margin:0px 0 0 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #A8C2E0;
    border-right-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-color: #A8C2E0;
    border-left-color: #A8C2E0;

    
}
.qzRptClassListEven
{
    padding: 4px;
    margin: 0px 0 0 0;
    background-color: #F0F5FF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #A8C2E0;
    border-right-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-color: #A8C2E0;
    border-left-color: #A8C2E0;
}

.qzRptClassListHead
{
    border: 1px solid #A8C2E0;
    padding: 4px;
    margin: 0px 0 0 0;
    /*background-color: #DDEAFF;*/
}


.qzRptToolsHead
{
    border: 1px solid #A8C2E0;
    padding: 4px;
    margin: 40px 0 0 0;
    /*background-color: #DDEAFF;*/
}


.qzRptLineForEssayMark
{
    padding: 4px;
    margin: 0px 0 0 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #A8C2E0;
    border-right-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-color: #A8C2E0;
    border-left-color: #A8C2E0;
}