/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
    float:left;
    display:block;
    width:200px;
}

.editor-field {
    margin: 1em 0 0 0;
    float:left;
    display:block;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}





ul.list
{
    padding:0;
    margin:0;
}
ul.list li
{
    float:left;
    padding:0;
    margin:0;
    list-style:none;
}
ul.list li a
{
    display:block;  
    text-align:center;
    padding:4px;
    margin:4px;
    border:1px solid #999;   
    -moz-box-shadow:inset 0px 1px 0px 0px #e2e2e2;
    -webkit-box-shadow:inset 0px 1px 0px 0px #e2e2e2;
    box-shadow:inset 0px 1px 0px 0px #e2e2e2;  
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;        
    background:#e2e2e2;
    width:122px;
    height:122px;
   
}
ul.list li a:hover
{
    background:#98292F; /*hover เมนูหลักหน้า Account*/
}
ul.list li a img 
{
    display:block;
    padding:2px;
    margin:0 auto;  
  
}

.display-label , .editor-label
{
    clear:left;
   float:left;
    min-width:180px;
   font-weight:bold;
   padding:0px 1em;

}

footer
{
    clear:both;
    margin-top:1em;
}

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;

}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}




/* Pager */
.pager 
{
	margin:10px;
	padding:3px;	
	line-height:2em;
	
	clear:left;		
			
}

.pager .disabled 
{
	border:1px solid #ddd;
	color:#999;
	margin-top:4px;
	padding:3px;
	text-align:center;
	
}

.pager .current 
{
	background-color:#06c;
	border:1px solid #009;
	color:#fff;
	font-weight:bold;
	margin-top:4px;
	padding:3px 5px;
	text-align:center;
}

.pager span, .pager a
{
	margin: 4px 3px;
}

.pager a 
{
	border:1px solid #c0c0c0;
	padding:3px 5px;
	text-align:center;
	text-decoration:none;	
}




form div
{
    line-height:2em;   
    padding:4px 8px;
    text-align:left;

}


form div:nth-child(odd) {    
    /*background: #efefef;*/
}

form div:nth-child(even) {
    /*background: #f8f8f8;*/
}

form div label
{
    float:left;
    width:150px;
    display:block;
    text-align:left;
    
}

form footer
{
    padding:1em 0;
    margin-bottom:1em;
    text-align:center;
}
form  input[type="checkbox"],input[type="radio"]  {
    width: 20px;
    height: 20px;
    padding: 0px; 
     background:#fee;
    color:#000000;

    

 }
form textarea
{
    background:#fee;
    color:#000000;
    padding:4px 8px;
    min-width:200px;
}
form select
{
    background:#fee;
    color:#000000;
    padding:4px 8px;
    min-width:200px;
}
form input[type=text] ,input[type=password]
{
    background:#fee;
    color:#000000;
    padding:4px 8px;
    min-width:200px;

      /* For Chrome, Safari */
		-webkit-border-radius:10px;
	 
		/* For Firefox */
		-moz-border-radius:10px;
		
		/* For IE9 */
		border-radius:10px;
}


/*atom modify*/

li:nth-child(odd) {
    background: #efefef;
}

li:nth-child(even) {
    background: #f8f8f8;
}


/* display*/

.display
{
    background:#AA2B21;
    
    padding:1em;
    margin:0 auto;
   text-align:center;

    border-radius: 8px; 
	-moz-border-radius: 8px; 
	box-shadow: inset 0px 0px 2px #fff;
	-o-box-shadow: inset 0px 0px 2px #fff;
	-webkit-box-shadow: inset 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 2px #fff;
}

    .display a
    {
        color:#ffffff;
         font-size:large;
    font-weight:800;
    
    }