/* NOTE: THIS css is not the same as the YCP css.  It has been trimmed to use only what is necessary */

body 
{
	background-color: #ededed;
	margin-top: 0px;
	margin-bottom: 0px;
}

a:link {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

.corrLoginFormText{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/*login page*/
#loginContainer{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:681px;
	height:auto;
}
#loginFooterLeft{
	background-image:url(../images/bottomBarLeft.jpg);
	float:left;
	width:7px;
	height:41px;
}
#loginFooterShading{
	background-image:url(../images/bottomBarShading2.jpg);
	background-repeat:repeat-x;
	width:681px;
	height:41px;
}
#loginFooterRight{
	background-image:url(../images/bottomBarRight.jpg);
	float:right;
	width:6px;
	height:41px;
}
#loginContent{
	padding-top:50px;
	width:681px;
	height:433px;
	background-image:url(../images/educationLoginBackground2.jpg);
	background-repeat:no-repeat;
}
#loginLogo{
	width:162px;
	height:28px;
	margin-left:65px;
}

#loginLoginBox{
	position:relative;
	width:214px;
	height:265px;
	margin-top:38px;
	margin-left:47px;
	padding-top:16px;
}

#loginAesopLogo{
	background-image:url(../images/aesopEducationLogin.png);
	background-repeat:no-repeat;
	width:143px;
	height:32px;
	margin-left:35px;
	padding-bottom:16px;
	.padding-bottom:10px;
}

#loginLoginFields{
	margin-top:10px;
	margin-left:22px;
}

.loginFormText{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.loginStyle{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}

.loginStyle a{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.loginStyle a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#loginLoginRegister{
	margin-left:45px;
	margin-top:30px;
	.margin-top:18px;
}

.assistanceText{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#errorLabel{
	width:185px;
	padding-left:20px;
	padding-right:10px;
	margin-top:25px;
}

#loginLoginAssistance{
	margin-left:42px;
	margin-top:28px;
	.margin-top:20px;
}

#loginContentText{
	width:320px;
	float:right;
	margin-top:-260px;
	margin-right:30px;
}

.loginContentHeader{
	color:#9d2020;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
}

.loginContentText{
	color:#4c4c4c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:25px;
}

#loginPhone{
	width:681px;
	height:41px;
	background-image:url(../images/phoneIcon.png);
	background-repeat:no-repeat;
}

#loginReflection{
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width:725px;
	height:25px;
	background-image:url(../images/reflection.jpg);
	background-repeat:no-repeat;
}
	

#loginFooter {
	clear:both;
	width: 737px;
	height: auto;
	font: 9px/1.8em verdana, helvetica, sans-serif;
	color: #666666;
}


/*
#loginbutton
{
	border: none;
	background: url(/images/button_login.png) no-repeat;
	height: 22px;
	width: 49px;
	cursor: pointer;
}
#loginbutton:hover,
#loginbutton.mouseover
{
	background-position: 0px -22px;
}
#loginbutton.mousedown,
#loginbutton.mousedown:hover
{
	background-position: 0px -44px;
}
#loginbutton span
{
	display: none;
}
*/


.clear { 
    overflow: hidden;
    width: 100%;
}

a.textButton {
    background: transparent url(/images/button_BackgroundA.png) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 22px;
    margin-right: 6px;
    padding-right: 8px; 
    text-decoration: none;
}

a.textButton:hover {
    background-position: center right;
    color: #000;
    outline: none; 
}
a.textButton:mouseover {
    background-position: center right;
    color: #000;
    outline: none;
}

a.textButton:active {
    background-position: bottom right;
    color: #000;
    outline: none; 
}
a.textButton:mousedown {
    background-position: bottom right;
    color: #000;
    outline: none; 
}


a.textButton span {
    background: transparent url(/images/button_BackgroundSpan.png) no-repeat;
    display: block;
    line-height: 22px;
    padding: 0px 0px 0px 8px;
	text-align: center;
} 

a.textButton:hover span {
    background-position: center left;
}

a.textButton:mouseover span {
    background-position: center left;
}

a.textButton:active span {
    background-position: bottom left;
}
a.textButton:mousedown span {
    background-position: bottom left;
}




/* Updated UI for multi-user select popup */
.ui-dialog, .ui-dialog .ui-dialog-titlebar, #popup {
    width: auto;
}
.ui-widget-overlay {
    background: #fff;
    opacity: .75;
    filter:Alpha(Opacity=75);
}
.ui-dialog {
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: -1px 0 18px rgba(0, 0, 0, .30);
    overflow: visible;
    padding: 0;
}
.ui-dialog .ui-dialog-titlebar {
    background: #fff url(../images/aesop_logo.png) no-repeat center center;
    border: none;
    border-radius: 8px 8px 0 0;
    height: 70px;
}
.ui-dialog.noheader .ui-dialog-titlebar {
    display: none;
}
.ui-dialog .ui-dialog-titlebar-close {
    display: none;
}

#popup {
    height: auto !important;
    overflow: visible;
    padding: 0;
}
    #popup h2 {
        background: #172861; /* Old browsers */
        background: -moz-linear-gradient(top,  #172861 0%, #293a70 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#172861), color-stop(100%,#293a70)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #172861 0%,#293a70 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #172861 0%,#293a70 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #172861 0%,#293a70 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #172861 0%,#293a70 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#172861', endColorstr='#293a70',GradientType=0 ); /* IE6-9 */
        color: white;
        font: bold 22px Arial, sans-serif;
        padding: 15px 0;
        text-align: center;
        text-shadow: 1px 1px 0 #000;
        zoom: 1;
    }
    #popup .pinreminder {
        border-top: 1px solid #ccc;
        font: normal 14px Arial, sans-serif;
        line-height: 125%;
        padding: 15px 25px 25px 25px;
    }
    #popup ul {
        list-style-type: none;
        margin: 0;
        padding: 0 35px 10px 35px;
    }
        #popup ul li {
            border-top: 1px solid #DFDFDF;
            cursor: pointer;
        }
        #popup ul li.first {
            border-top: none;
        }
            #popup ul li a.user {
                border-radius: 5px;
                display: block;
                margin: 10px 0 10px 0;
                padding: 10px 0 10px 0;
            }
            #popup ul li .usertype,
            #popup ul li .username {
                text-shadow: 1px 1px 0 #fff;    
            }
            #popup ul li .usertype {
                color: #314F84;
                font: bold 22px Arial, sans-serif;
                text-decoration: underline;
            }
            #popup ul li .username {
                color: #888;
                font: normal 13px Verdana, sans-serif;
            }