﻿
body{
	font-family:"Calibri"; 
	font-size:12px;
}
p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0 auto;
	width:400px;
	padding:14px;
	-moz-border-radius:10px 10px 10px 10px;
    -webkit-border-radius:10px 10px 10px 10px;
}

.myform500{
	margin:0 auto;
	width:500px;
	padding:14px;
	-moz-border-radius:10px 10px 10px 10px;
    -webkit-border-radius:10px 10px 10px 10px;
}

	/* ----------- basic ----------- */
	#basic{
		border:solid 2px #DEDEDE;
	}
	#basic h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#basic p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
		padding-bottom:10px;
	}
	#basic label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#basic .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#basic input{
		float:left;
		width:200px;
		margin:2px 0 30px 10px;
	}
	#basic button{ 
		clear:both;
		margin-left:150px;
		background:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
	}


	/* ----------- stylized ----------- */
	#stylized{
		border:solid 2px #b7ddf2;
		background:#ebf4fb;
	}
	
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-size:13px;
		font-family:"Calibri"; 
		border:solid 1px #aacfe4;
		width:200px;
		margin:0px 0 20px 10px;
        background:none repeat scroll 0 0 #FFFFFF;
        padding:10px;       
        -moz-border-radius:5px 5px 5px 5px;
        -webkit-border-radius:5px 5px 5px 5px;
        }
    #stylized input[type='checkbox']{
		float:left;
		font-size:13px;
		font-family:"Calibri"; 
		border:solid 1px #aacfe4;
		width:20px;
		margin:0px 70px 10px 10px;
        background:none repeat scroll 0 0 #FFFFFF;
        padding:10px;       
        -moz-border-radius:5px 5px 5px 5px;
        -webkit-border-radius:5px 5px 5px 5px;
        }
    #stylized select{
		float:left;
		font-size:13px;
		font-family:"Calibri"; 
		border:solid 1px #aacfe4;
		width:200px;
		margin:0px 0 20px 10px;
        background:none repeat scroll 0 0 #FFFFFF;
        padding:10px;       
        }
        
	#stylized button{ 
		clear:both;
		font-family:"Calibri"; 
		width:125px;
		height:31px;
		background:#666666 url(../images/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:14px;
		font-weight:bold;
	}
	
	#stylized .focused { border:1px solid Black; }
    #stylized .notfocused { border:1px solid #aacfe4; }
    .hideme {display:none;}