/***Sign Up Form**/

#ABC_SignUp
{
    width:300px;
    height: 400px;
    position:fixed;
    Top:192px;
    left:-300px;
    z-index:999;
    background: url("../images/BottomBarBg.png") repeat 0 0 transparent;
}

a.ABC_SignUpClose 
{
    cursor: pointer;
    float: right;
    margin-right: 5px;
    padding:0px;
    width: 20px;
    height:15px;
    cursor: pointer;
    background: url("../images/signupCloseS.png") no-repeat center left transparent;
    background-position : center center;
}
a.ABC_SignUpMinMax
{
    cursor: pointer;
    float: right;
    padding:0px;

    width: 50px;
    height: 87px;
    cursor: pointer;
    background: url("../images/Max.png") no-repeat center left transparent;
    background-position : center center;
    margin-right:-50px;
}
.ABC_SignUpTopBar 
{
/*    background-color: #000;
    padding:10px;
    height:20px;
*/
    background: url("../images/DiaryHeader2.png") repeat-x scroll 0 0 transparent;
    height: 87px;
    margin-bottom: 2px;
    
}
.ABC_SignUpTopBar h3
{
    float: left;        
    margin:25px 0px 0px 20px;
}
.ABC_SignUpContent 
{
}

.ABC_SignUpContent ul
{
    float: left;
    clear: both;
    padding:20px;
    text-align: left;
}
/**End**/

/*** Bottom Bar ***/

#bottomBar
{
    height:300px; 
    width:960px;
    position:fixed;
    bottom:-200px;
    color:#000;
    z-index:998;
}
.updown
{
    float:right;
    cursor: pointer;
    padding: 10px 10px 10px 50px;
    background: #fff url(../images/UpDown2.png) no-repeat center left;
    background-position: 20px 15px;
    border: 5px solid #474747;
    border-bottom:none;
}
.bottomContent 
{
    float: right;
    width:900px;
    padding:30px;
    height:90%;
    background-color:#474747;
}
.themeImg
{
    float: left;
    border: 5px solid #d2d2d2;
    margin-right:10px;
}
#slidebox{
    width:400px;
    height:120px;
    padding:10px;
    background-color:#fff;
    border-top:3px solid #E28409;   
    position:fixed;
    bottom:0px;
    right:-430px;
	-moz-box-shadow:-2px 0px 5px #aaa;
	-webkit-box-shadow:-2px 0px 5px #aaa;
	box-shadow:-2px 0px 5px #aaa;
    text-shadow: none;
    z-index:999;
}
#slidebox.newplans{
    height:150px;
}
#slidebox a.newplans {
    float: left;
    margin-right: 50px;
}
#slidebox p, a.more{
    font-size:11px;
    text-transform:uppercase;
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing:1px;
    color:#555;
}
a.more{
    cursor:pointer;
    color: #363636;
/*    color:#E28409;*/
}
a.more:hover{
    text-decoration:underline;
}
#slidebox h2{
    color:#E28409;
    font-size:18px;
    margin:10px 20px 10px 0px;
    line-height:150%;
    
}
a.close{
/*    background:transparent url(../images/close.gif) no-repeat top left;
    width:13px;
    height:13px;
    position:absolute;
    cursor:pointer;
    top:10px;
    right:10px;
*/
    background: transparent url(../images/fancy_close.png) no-repeat top left;
    width:30px;
    height:30px;
    position:absolute;
    cursor:pointer;
    top:-15px;
    right:-15px;
}
a.close:hover{
/*    background-position:0px -13px;*/
}