body,td,th {font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
body {margin: 0px;}
#content{position:absolute; top:48%; height:327; margin-top:-163px; width:100%; text-align:center;}

#account{
    background: none repeat scroll 0 0 whiteSmoke;
    border: 2px solid #CCCCCC;
    border-radius: 17px 17px 17px 17px;
    left: 56%;
    padding: 0px 10px;
    position: absolute;
    text-align: center;
    top: 25%;
	cursor: move;
	  min-height: 76px;
    min-width: 215px;
	z-index:1;
}
#theemail{
   background: none repeat scroll 0 0 whiteSmoke;
    border: 2px solid #CCCCCC;
    border-radius: 17px 17px 17px 17px;
    overflow:hidden;
    left: 100px;
    padding: 0 10px;
    position: absolute;
    text-align: left;
    top: 25px;
	display:none;
    min-width: 505px;min-height: 445px;
	width: 505px; height: 445px;
}
#replayemail{
   background: none repeat scroll 0 0 whiteSmoke;
    border: 2px solid #CCCCCC;
    border-radius: 17px 17px 17px 17px;
    overflow:hidden;
    left: 100px;
    padding: 0 10px;
    position: absolute;
    text-align: left;
    top: 25px;
	display:none;
    min-width: 505px;min-height: 445px;
	width: 505px; height: 445px;
}
#account H1{
    font-family: cursive;
    font-size: 20px;
    margin: 5px 0;
}
#inbox{
	display:none;
	 position: relative;
}
.hidethis{
	display:none;
}
.showthis{
	display:block;
}
.img_logout{
    position: absolute;
    right: -44px;
    top: -4px;
	cursor: pointer;
}
.img_refresh{
    bottom: -1px;
    cursor: pointer;
    position: absolute;
    right: -45px;
}
.img_delete,.img_readunread{
	cursor: pointer;
}
#inbox_list table{

}
#inbox_list th{
 border-bottom: 1px dashed #CCCCCC;
}
#inbox_list tr.unread{
	font-weight:bold;
}
#inbox_list tr.read{
	font-weight:normal;
}
#inbox_list a{
text-decoration: none;
}
#inbox_list .unread a{
	color: green;
}
#inbox_list .read a{
	color: black;
}
#inbox_list td,#theemail td{
 border-right: 1px dashed #CCCCCC;
    padding: 3px 5px;
}
#inbox_list  td.lastcol,#theemail  td.lastcol{
	border-right: none;
	padding-right:0px;
}
#bodyemail{
   border-top: 1px dashed #CCCCCC;
    padding: 10px 7px;
	overflow:auto;
    min-width: 500px;min-height: 300px;
	width: 500px; height: 300px;	
}
.movediv {
 float: right;
    height: 20px;
    padding: 5px 0;
    width: 30px;
}
.closediv {
   float: right;
    height: 20px;
    padding: 5px 0;
    width: 30px;
}.replaydiv {
   float: right;
    height: 20px;
    padding: 5px 0;
    width: 30px;
}
.moveicon {
    cursor: move;
    float: right;
    height: 20px;
    margin-right: 5px;
    width: 20px;
}
.closeicon {
    cursor: pointer;
    float: right;
    height: 20px;
    margin-right: 5px;
    width: 20px;
}.replayicon {
    cursor: pointer;
    float: right;
    height: 20px;
    margin-right: 5px;
    width: 20px;
}
#replaymessage{
    height: 100%;
    width: 98%;
}
.success{
    background: none repeat scroll 0 0 #CCCCCC;
    border: 3px solid green;
    border-radius: 5px 5px 5px 5px;
    display: none;
    font-size: 32px;
    font-weight: bold;
    left: 41%;
    padding: 20px;
    position: absolute;
    top: 50%;
    z-index: 10000;
}

*{
        font-family:"trebuchet ms",verdana,sans-serif;
}
table{
        border:1px solid #f05424;
        border-bottom:none;
        margin:10px;
        font-size:0.875em;
        border-spacing:0px;
}
th{
        border:1px solid #FFF;
        border-top:none;
        border-left:none;
        background:#f05424;
        color:#FFF;
        font-weight:normal;
        text-align:left;
        padding:2px 10px;
}
td{
        border:1px solid #f05424;
        border-top:none;
        border-left:none;
        font-size:0.875em;
        font-weight:normal;
        text-align:left;
        padding:2px 5px;
}

#inbox_list{overflow:auto; max-height:470px; min-width:500px;}