#outer



{



    MARGIN: 0px auto;



    WIDTH: 760px



}










.box



{



    PADDING-RIGHT: 0px;



    BORDER-TOP: #FFFFFF 0px solid;



    PADDING-LEFT: 0px;



    BACKGROUND: url(../images/box-bg.gif) #FFFFFF repeat-y 13px 13px;



    PADDING-BOTTOM: 0px;



    WIDTH: 713px;



    PADDING-TOP: 0px;



    BORDER-BOTTOM: #FFFFFF 0px solid



}



.content



{



        PADDING-BOTTOM: 0px;



    WIDTH: 710px;



    PADDING-TOP: 0px;







}







.content H1



{



    FONT-SIZE: 13px;



    MARGIN-TOP: 0px;



    COLOR: #1b5e8b;



    FONT-FAMILY: "lucida grande",Verdana, Arial, Helvetica, sans-serif;



    background-color: #30A7F7;



    font-weight: bold;



    COLOR:#FFF;



    PADDING: 5px;



}



.content P



{



    FONT-SIZE: 12px;



    MARGIN-BOTTOM: 15px;



    LINE-HEIGHT: 17px;



    FONT-FAMILY: "lucida grande",Verdana, Arial, Helvetica, sans-serif;



    PADDING-LEFT: 5px;



}







.content A



{



    COLOR: #30A7F7



}



.content A:hover



{



    TEXT-DECORATION: none



}













.clear



{



    CLEAR: both;



    DISPLAY: block;



    VISIBILITY: hidden;



    HEIGHT: 0px;



    content: "."



}







#preview{



        PADDING-BOTTOM: 10px;



    WIDTH: 710px;



    PADDING-TOP: 0px;



}







#preview H1



{



    FONT-SIZE: 13px;



    MARGIN-TOP: 0px;



    COLOR: #1b5e8b;



    FONT-FAMILY: "lucida grande",Verdana, Arial, Helvetica, sans-serif;



    background-color: #30A7F7;



    font-weight: bold;



    COLOR:#FFF;



    PADDING: 5px;



}







#picture {



        width: 50px;



        height:50px;



          margin-bottom: 10px;



          margin-left: 10px;



          color: #FFF;



          font-weight:bold;



          BORDER: #000 1px solid



}







#generated{



        TEXT-ALIGN: center;



        MARGIN: 0px;



        PADDING: 0px;



}







.left



{







    FLOAT: left;



    PADDING-BOTTOM: 30px;



    WIDTH: 486px;



    PADDING-TOP: 0px;



    /* border: 1px solid #000;*/



}







.left div.title



{



    FONT-SIZE: 13px;



    FONT-FAMILY: "lucida grande",Verdana, Arial, Helvetica, sans-serif;



    background-color: #30A7F7;



    font-weight: bold;



    COLOR:#FFF;



    PADDING: 5px;



}



.left P



{



    FONT-SIZE: 12px;



    FONT-FAMILY: "lucida grande",Verdana, Arial, Helvetica, sans-serif;



    TEXT-ALIGN: justify;



    PADDING: 5px;



    PADDING-TOP: 0px;



    LINE-HEIGHT: 15px;



}







.left A



{



    COLOR: #30A7F7



}



.left A:hover



{



    TEXT-DECORATION: none



}











.right



{



    PADDING-LEFT: 11px;



    FLOAT: left;



    WIDTH: 214px



}







.right DIV



{



    FONT-SIZE: 12px;



    MARGIN-BOTTOM: 15px;



    MARGIN-LEFT: 10px;



    LINE-HEIGHT: 20px;



    FONT-FAMILY: "lucida grande",Verdana, Arial, Helvetica, sans-serif;







}



.right DIV A



{



    COLOR: #30A7F7;



    FONT-FAMILY: "lucida grande",Verdana, Arial, Helvetica, sans-serif



}



.right DIV A:hover



{



    TEXT-DECORATION: none



}







.right H2



{



    FONT-SIZE: 13px;



    MARGIN-TOP: 0px;



    COLOR: #1b5e8b;



    FONT-FAMILY: "lucida grande",Verdana, Arial, Helvetica, sans-serif;



    background-color: #30A7F7;



    font-weight: bold;



    COLOR:#FFF;



    PADDING: 5px;



}







.box_left



{



    PADDING-RIGHT: 13px;



    BORDER-TOP: #e9e9e9 13px solid;



    PADDING-LEFT: 13px;



    BACKGROUND: url(../images/box-left-bg.gif) #e9e9e9 repeat-y 13px 13px;



    PADDING-BOTTOM: 0px;



    WIDTH: 713px;



    PADDING-TOP: 0px;



    BORDER-BOTTOM: #e9e9e9 19px solid;



}















#loading{



        MARGIN: 0px auto;



        width: 100px;



        text-align: center;



        line-height: 0;



        background-color: #FFF;



        BORDER: #30A7F7 2px solid;



}



#overlay{



        position: absolute;



        top: 0px;



        left: 0;



        z-index: 90;



        width: 100%;



        height: 500px;



        background-color: #000;



        }



#lightbox{







        position: absolute;



        left: 0;



        width: 100%;



        z-index: 100;



        text-align: center;



        line-height: 0;



        }



#lightbox img{ border: none; }







.box_top {
	BACKGROUND: #E9F6FE no-repeat left top;
	MARGIN: 0 0 20px 0;
	PADDING: 10px;
	WIDTH:200px;
	COLOR: #30A7F7;
	HEIGHT:40px;
	TEXT-ALIGN: center;




        /*overflow : auto;*/



}



.box_bottom {



        BACKGROUND: #E9F6FE no-repeat left bottom;



        MARGIN: 0px;



        PADDING: 10px;



        WIDTH:200px;



        HEIGHT:1px;



}



.box_loading {







        TEXT-ALIGN: center;



}



.box_content {



        MARGIN: 0px;



        BACKGROUND: #fff repeat-y;



        COLOR: #000000;



        PADDING: 0px;



        WIDTH:200px;
		height:100px;



        TEXT-ALIGN: center;



}











.box_content  A



{



    PADDING: 0px;



        FONT-SIZE: 11px;



        MARGIN: 0px;



    COLOR: #000000;



    TEXT-DECORATION: none



}



.box_content A:hover



{



    TEXT-DECORATION: none



}







.box_content P{



        PADDING: 0px;



        FONT-SIZE: 15px;



        MARGIN: 0px;



        COLOR: #000000;



}











.box_top P{
	PADDING: 0px;
	FONT-SIZE: 15px;
	MARGIN: 0px;
	COLOR: #30A7F7;
	FONT-WEIGHT:bold;



}



.result_box {
	
	FLOAT:left;
	PADDING: 0px;
	MARGIN:10px 5px;
	border:1px solid #ccc



}
input.whoischk {border:none}