@import url("Text.css");  /* Basic styles for the copy area are kept separate for tinyMCE use */

/* Overall document styles */

body
{
    background: #fff;
    padding-top: 31px;
    padding-bottom: 63px;
    padding-left: 2%;
    padding-right: 2%;
    text-align: center;
}

#header, #content, #footer
{
    text-align: left;
    margin: 0 auto;
}

.left
{
    float: left;
}

.right
{
    float: right;
    text-align: right;
}

.width1
{
    width: 55px;
}

.width2
{
    width: 125px;
}

.width3
{
    width: 195px;
}

.width4
{
    width: 265px;
}

.width5
{
    width: 335px;
}

.width6
{
    width: 405px;
}

.width7
{
    width: 475px;
}

.width8
{
    width: 475px;
}

.width9
{
    width: 615px;
}

.width10
{
    width: 685px;
}

.block
{
    width: 98%;
}

.success
{
    background: #edf6ed url(../Images/Icons/16x16/Success.png) 4px 50% no-repeat;
    border-top: 1px solid #008000;
    border-bottom: 1px solid #008000;
    clear: both;
    color: #008000;
    display: block;
    font-weight: bold;
    padding-left: 24px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.alert
{
    background: #ffffe1 url(../Images/Icons/16x16/Alert.png) 4px 50% no-repeat;
    border-top: 1px solid #fad163;
    border-bottom: 1px solid #fad163;
    clear: both;
    color: #000;
    display: block;
    font-weight: bold;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 24px;
}

.error
{
    background: #ffeded url(../Images/Icons/16x16/Error.png) 4px 50% no-repeat;
    border-top: 1px solid #f00;
    border-bottom: 1px solid #f00;
    clear: both;
    color: #f00;
    display: block;
    font-weight: bold;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 24px;
}

.active
{
    background: #ffffe1 url(../Images/Icons/16x16/LightBulbOn.gif) 4px 50% no-repeat;
    border-top: 1px solid #fad163;
    border-bottom: 1px solid #fad163;
    clear: both;
    color: #000;
    display: block;
    font-weight: bold;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 24px;
}

.inactive
{
    background: #ffffe1 url(../Images/Icons/16x16/LightBulbOff.gif) 4px 50% no-repeat;
    border-top: 1px solid #fad163;
    border-bottom: 1px solid #fad163;
    clear: both;
    color: #808080;
    display: block;
    font-weight: bold;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 24px;
}

.shaded
{
    background: #f2f5f7;
    background: #f8fafb;
    background: #f5f8f9;
}

.normal
{
    font-weight: normal;
}

.strong
{
    font-weight: bold;
}

option
{
    padding-right: 5px;
}

/* Header area */

#header
{
    font-family: Arial;
    margin-bottom: 3px;
}

#logo
{
    float: right;
    height: 45px;
    padding: 4px 0;
    width: 203px;
    voice-family: "\"}\""; 
	voice-family: inherit;
	height: 37px;
	}
	html>#logo
	{
	height: 37px;
}

#search
{
    display: none;
    float: right;
    height: 45px;
    padding: 4px 0;
    width: 413px;
    voice-family: "\"}\""; 
	voice-family: inherit;
	height: 37px;
	}
	html>#search
	{
	height: 37px;
}

#search .usertools
{
    font-size: 11px;
    line-height: 11px;
    margin: 0 0 1px 0;
}

#search input
{
    font-size: 14px;
    margin-right: 0;
    padding-top: 1px;
    padding-bottom: 1px;
}

#search .textbox
{
    margin-right: 3px;
}

/* Menu Area */

#menu
{
    clear: both;
    
}

/* Primary Menu */

#primary
{
    display: none;
    font-family: Arial;
    background: #f7f3f7 url(../Images/primary2.gif) top left repeat-x;
    border-top: 1px solid #086dbd;
    border-bottom: 3px solid #086dbd;
    font-size: 15px;
    font-weight: bold;
    height: 61px;
    line-height: 18px;
    text-align: left;
    voice-family: "\"}\""; 
	voice-family: inherit;
	height: 57px;
	}
	html>#primary
	{
	height: 57px;
}

#primary ul
{
    background: url(../Images/primary-li-emboss.gif) 0 6px no-repeat;
    height: 57px;
    margin: 0 auto;
    padding-left: 1px;
    width: 983px;
    voice-family: "\"}\""; 
	voice-family: inherit;
	width: 982px;
	}
	html>#primary ul
	{
	width: 982px;
}

#primary li
{
    background: url(../Images/primary-li-emboss.gif) 139px 6px no-repeat;
    float: left;
    height: 57px;
    margin-left: -2px;
    padding: 0 5px 0 4px;
    width: 142px;
    voice-family: "\"}\""; 
	voice-family: inherit;
	width: 133px;
	}
	html>#primary li
	{
	width: 133px;
}

#primary li#NewsUpdates
{
    margin-left: 0;
}

/*

#primary li#NewsUpdates a
{
    background: url(../Images/NewsUpdates.gif) 0 10px no-repeat;   
}
#primary li#NewsUpdates.youarehere a
{
    background: url(../Images/NewsUpdates.gif) 0 -37px no-repeat;   
}

#primary li#TrainingEvents a
{
    background: url(../Images/TrainingEvents.gif) 0 10px no-repeat;   
}
#primary li#TrainingEvents.youarehere a
{
    background: url(../Images/TrainingEvents.gif) 0 -37px no-repeat;   
}

#primary li#SupportTutorials a
{
    background: url(../Images/SupportTutorials.gif) 0 10px no-repeat;   
}
#primary li#SupportTutorials.youarehere a
{
    background: url(../Images/SupportTutorials.gif) 0 -37px no-repeat;   
}

#primary li#ProjectsProfiles a
{
    background: url(../Images/ProjectsProfiles.gif) 0 10px no-repeat;   
}
#primary li#ProjectsProfiles.youarehere a
{
    background: url(../Images/ProjectsProfiles.gif) 0 -37px no-repeat;   
}

#primary li#SchoolsPartners a
{
    background: url(../Images/SchoolsPartners.gif) 0 10px no-repeat;   
}
#primary li#SchoolsPartners.youarehere a
{
    background: url(../Images/SchoolsPartners.gif) 0 -37px no-repeat;   
}

#primary li#AboutContact a
{
    background: url(../Images/AboutContact.gif) 0 10px no-repeat;   
}
#primary li#AboutContact.youarehere a
{
    background: url(../Images/AboutContact.gif) 0 -37px no-repeat;   
}

#primary li#MyEAST a
{
    background: url(../Images/MyEAST.gif) 0 10px no-repeat;   
}
#primary li#MyEAST.youarehere a
{
    background: url(../Images/MyEAST.gif) 0 -37px no-repeat;   
}

*/

#primary li a
{
    display: block;
    height: 57px;
    margin: 0 0 0 0;
    padding: 8px 4px;
    width: 133px;
    voice-family: "\"}\""; 
	voice-family: inherit;
	height: 41px;
	width: 125px;
	}
	html>#primary li a
	{
	height: 41px;
	width: 125px;
}

#primary li a:link, #primary li a:visited
{
    color: #737373;
    text-decoration: none;
}

#primary li a:hover
{
    text-decoration: underline;
}

#primary li.youarehere a
{
    background: url(../Images/primary-li-youarehere2.gif) 57px 48px no-repeat;
}

#primary li.youarehere a:link, #primary li.youarehere a:visited
{
    color: #000;
}

/* Secondary Menu */

#secondary
{
    display: none;
    background: #086dbd url(../Images/secondary.gif) top left repeat-x;
    clear: both;
    font-size: 11px;
    line-height: 12px;
    height: 29px;
    margin-top: -1px;
    text-align: left;
}

#secondary ul
{
    margin: 0 auto;
    width: 981px;
}

#secondary li
{
    float: left;
    padding: 0 5px 0 4px;
}

#secondary li.youarehere
{
    background: url(../Images/secondary-li-youarehere.gif) bottom center no-repeat;
    font-weight: bold;
}

#secondary li a
{
    display: block;
    float: left;
    height: 29px;
    padding: 8px 4px 9px 4px;
    voice-family: "\"}\""; 
	voice-family: inherit;
	height: 12px;
	}
	html>#secondary li a
	{
	height: 12px;
}

#secondary li a:link, #secondary li a:visited
{
    color: #fff;
    text-decoration: none;
}

#secondary li a:hover
{
    text-decoration: underline;
}

/* Content Area */

#content
{
    clear: both;
    margin-top: 14px;
    margin-bottom: 14px;
}

h1, h2, h3, h4, p, li, img, label, span, th, td
{
    padding-left: 4px;
    padding-right: 4px;
}

p span, p img, li span, li img, td span, td img, td label, th span, th img, th label
{
    padding-left: 0;
    padding-right: 0;
}

input
{
    font-weight: normal;
}

/* Toolbar */

#toolbar
{
    display: none;
    border-right: 1px solid #ccc;
    float: left;
    font-size: 11px;
    padding-top: 7px;
    padding-right: 3px;
    padding-bottom: 7px;
    width: 137px;
    voice-family: "\"}\""; 
	voice-family: inherit;
	width: 133px;
	}
	html>#toolbar
	{
	width: 133px;
}

#toolbar p, #toolbar li
{
    border-bottom: 1px solid #ccc;
    line-height: 14px;
    padding-top: 4px;
    padding-bottom: 8px;
}

/* Mainbar */

/* Tabs */

#tabs
{
    display: none;
}

#tabs ul
{
    font-size: 11px;
    line-height: 11px;
}

#tabs ul.left
{
    padding-left: 4px;
}

#tabs ul.right
{
    padding-right: 4px;
}

#tabs li
{
    float: left;
    padding: 0 3px;
}

#tabs li a
{
    border: 1px solid #086dbd;
    border-width: 1px 1px 0 1px;
    display: block;
    padding: 5px 6px 5px 6px;
}

#tabs li a:link, #tabs li a:visited
{
    color: #000;
    text-decoration: none;
}

#tabs li a:hover
{
    text-decoration: underline;
}

#tabs li.youarehere a
{
    background: #086dbd url(../Images/tab-youarehere.gif) top left repeat-x;
    
}

#tabs li.youarehere a:link, #tabs li.youarehere a:visited
{
    color: #fff;
    text-decoration: none;
}

#tabs li.youarehere a:hover
{
    text-decoration: underline;
}

/* Title */

#title
{
    border-bottom: 1px solid #086dbd;
    clear: both;
    float: left;
    padding-bottom: 1px;
    margin-top: -35px;
    width: 100%;
}

#title h1
{
    float: left;
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
    margin-right: 133px;
}

#title #tasks
{
    color: #aaa;
    float: right;
    font-size: 11px;
    line-height: 11px;
    margin-top: -16px;
}

#title #tasks a:link, #title #tasks a:visited
{
    color: #000;
}

#title #tasks a:hover
{
    text-decoration: underline;
}

/* Subtitle */

#subtitle
{
    background: url(../Images/filter.gif) bottom left repeat-x;
    color: #595959;
    font-size: 11px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#subtitle .thumbnail
{
    float: left;
    margin-right: 7px;
    text-align: center;
    width: 133px;
}

#subtitle .summary
{
    float: left;
    width: 475px;
}

#subtitle p
{
    margin-bottom: 3px;
}

#subtitle .details
{
    color: #008000;
    font-size: 11px;
    margin-bottom: 0;
}

#subtitle input, #subtitle select
{
    font-size: 11px;
    margin-left: 4px;
    margin-right: 0;
}

/* Icons */

ul#icons
{
    display: none;
    float: right;
    list-style: none;
}

ul#icons li
{
    display: inline;
    padding: 0 4px 0 0;
    margin-bottom: 0;
}

ul#icons img
{
    margin-top: 2px;
}

/* Copy */

#copy
{
    padding: 14px 0;
}

#copy h2, #copy h3, #copy h4, #copy h6, #copy h7, #copy p, #copy ul
{
    margin-bottom: 7px;
}

#copy li
{

}

#copy table
{
    margin-bottom: 14px;
}

#copy td, #copy th
{
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: left;
    vertical-align: top;
}

#copy h2
{
    font-size: 16px;
    font-weight: bold;
}

/* Previews */

#copy .preview
{
    clear: both;
    padding-top: 7px;
    margin-bottom: 21px;
}

#copy .preview .thumbnail
{
    float: left;
    margin-right: 7px;
    text-align: center;
    width: 133px;
}

#copy .preview .summary
{
    float: left;
    width: 553px;
}

.narrow #copy .preview .summary
{
    width: 413px;
}

#copy .preview h2
{
    margin-bottom: 3px;
}

#copy .preview p
{
    margin-bottom: 3px;
}

#copy .preview .details, #copy .preview .tools
{
    color: #008000;
    font-size: 11px;
    margin-bottom: 0;
}

/* Boxes */

#copy .leftbox, #copy .rightbox
{
    font-size: 11px;
}

.leftbox
{
    background: #f2f2f2;
    border-bottom: 1px solid #ccc;
    float: left;
    font-size: 11px;
    margin-left: 4px;
    margin-right: 7px;
}

.rightbox
{
    background: #f2f2f2;
    border-bottom: 1px solid #ccc;
    float: right;
    font-size: 11px;
    margin-left: 7px;
    margin-right: 4px;
}

#copy .leftbox img, #copy .rightbox img
{
    padding: 0;
}

#copy .leftbox p, #copy .rightbox p
{
    font-size: 11px;
    line-height: 11px;
    margin: 6px 4px 10px 4px;
}

/* Grid */

.grid
{
    border-top: 1px solid #ccc;
    margin-bottom: 14px;
    width: 100%;
}

.grid .normal
{
    font-weight: normal;
}

.grid td, .grid th
{
    border-bottom: 1px solid #ccc;
}

.grid thead th, .grid thead td
{
    background: #086dbd;
    color: #fff;
}

.grid thead th a:link, .grid thead th a:visited, .grid thead th a:hover, .grid thead td a:link, .grid thead td a:visited, .grid thead td a:hover
{
    color: #fff;
}

.grid table th
{
    color: #000;
}

.grid thead .textbox
{
    font-weight: bold;
}

.grid tbody th
{
    font-weight: bold;
    width: 137px;
}

.grid tr.shaded th, .grid tr.shaded td
{
    background: #f2f5f7;
}

.grid tr.highlighted th, .grid tr.highlighted td
{
    background: #e6f0f8;
}

.grid tr.private th, .grid tr.private td
{
    font-style: italic;
}

.grid label
{
    font-weight: bold;
}

.grid .checkbox label
{
    font-weight: normal;
    padding-left: 4px;
}

.grid .strong label
{
    font-weight: bold;
}

.grid .file
{
    width: 400px;
}

/* Login */

.login
{
    border-top: 1px solid #ccc;
    font-size: 14px;
    margin-left: 143px;
    width: 413px;
}

.login th, .login td
{
    padding: 0 7px;
}

.login tbody th
{
    font-weight: bold;
    width: 141px;
    voice-family: "\"}\""; 
	voice-family: inherit;
	width: 127px;
	}
	html>.login tbody th
	{
	width: 127px;
}

.login input
{
    font-size: 14px;
}

.login .shaded th, .login .shaded td
{
    background: #fafafa;
}

.login th, .login td
{
    border-bottom: 1px solid #ccc;
}

.login label
{
    display: block;
    padding: 3px 0;
}

.login .checkbox label
{
    display: inline;
    font-weight: normal;
    padding-left: 3px;
}

.login .textbox
{
    padding: 3px 0;
}

/* Registration */

.register
{
    background: #ffffe1;
    border-top: 1px solid #fad163;
    border-bottom: 1px solid #fad163;
    clear: both;
    color: #000;
    display: block;
    font-weight: bold;
    padding: 7px;
}

/* Sidebar */

#sidebar
{
    display: none;
    border-left: 1px solid #ccc;
    float: right;
    margin-left: -1px;
    padding-left: 3px;
    width: 277px;
    voice-family: "\"}\""; 
	voice-family: inherit;
	width: 273px;
	}
	html>#sidebar
	{
	width: 273px;
}

/* Footer Area */

#footer
{
    border-top: 1px solid #ccc;
    clear: both;
    color: #666666;
    padding: 7px 0;
}

#footer div
{
    float: left;
    margin-right: 7px;
    padding-left: 7px;
    width: 133px;
    voice-family: "\"}\""; 
	voice-family: inherit;
	width: 126px;
	}
	html>#footer div
	{
	width: 126px;
}

#footer div.last
{
    margin-right: 0;
}

#footer div ul
{
    font-size: 11px;
}

#footer div ul li
{
    font-size: 12px;
    font-weight: bold;
}

#footer div ul li ul li
{
    font-size: 11px;
    font-weight: normal;
}

#footer li
{
    padding: 0;
}

/* Hacks */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}




/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */