/* 
    Document   : general
    Created on : May 17, 2011, 3:03:16 PM
    Author     : erick
    Description:
        Purpose of the stylesheet follows.
*/

body {
	margin: 10px; padding: 0;
	background: #fff;
	padding-bottom: 1px;
	margin-top:0px;
	font-size: 11px;

}

.topform {
  padding: 0px;
  display: none;
  background-color: white;
  border: 2px solid  #2a2c29; /*#feac1a*/
  -moz-border-radius: 5px;-webkit-border-radius: 5px;
} 

input, select { font-size: 11px;  border: 1px solid silver;background-color: #FFF; }
textarea      { font-size: 11px;  border: 1px solid silver; }
button        { font-size: 12px;  }

input.disabled { background-color: #DBDBDB }

input.button  { cursor: pointer;   }

input:focus,
select:focus,
textarea:focus { background-color: #c5ffce } /*#fdfa99*/


buttonlist {
    cursor:pointer;
    width: 200px;
}

#border-top .clock {
	display: block; float: right;
	color: #fff;
	padding: 25px 25px -15px 0px;
        font-size: 12px;
}

.ui-layout-pane { /* all 'panes' */
		padding: 0px;
		background: #FFF;
		border-top: 1px solid #BBB;
		border-bottom: 1px solid #BBB;
                
		}
		.ui-layout-pane-north ,
		.ui-layout-pane-south {
			border: 1px solid #BBB;
		}
		.ui-layout-pane-west {
			border-left: 1px solid #BBB;
		}
		.ui-layout-pane-east {
			border-right: 1px solid #BBB;
		}
		.ui-layout-pane-center {
			border-left: 0;
			border-right: 0;
			}
			.inner-center {
				border: 1px solid #BBB;
			}

		.outer-west ,
		.middle-east {
			background-color: #F8F8F8;
		}

	.ui-layout-resizer { /* all 'resizer-bars' */
		background: #E1E1E1;
		}
		.ui-layout-resizer:hover { /* all 'resizer-bars' */
			background: #CCCCCC;
		}
		.ui-layout-resizer-west {
			border-left: 1px solid #BBB;
		}
		.ui-layout-resizer-east {
			border-right: 1px solid #BBB;
		}

	.ui-layout-toggler { /* all 'toggler-buttons' */
		background: #999999;
		}
		.ui-layout-toggler:hover { /* all 'toggler-buttons' */
			background: #999999;
		}

	.outer-center ,
	.middle-center {
		/* center pane that are 'containers' for a nested layout */
		padding: 0;
		border: 0;
	}

.ajax_loading
{
    text-align:center;
}


._inp {
    font-size: 1.2em;
    width:200px;
    text-align: center;
    border: 1px solid silver;
    padding: 2px;
}

.title{
    color: #2a2c29;
    font-size:20px;
    font-family:verdana;
}

.form_title{
    color: #2a2c29;
    font-size:12px;
    font-family:verdana;
    padding-left: 5px;
}

.label{
    color: #6b6b6b;
    font-size:12px;
    font-weight: bold;
    font-family:verdana;
    width:130px;
    margin-right: 25px;
    text-align: right;
    padding-right: 10px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #dadada;

}

.label_under{
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #dadada;

}

.inform{
    border: 1px solid silver;
    font-size: 12px;
    border: 1px solid silver;
    background-color: #FFF ; /*#fefcd2*/
}

.fieldset{
    border-style: dotted;
    border-width: 1px;
    border-color: #dadada;
    font-size:12px;font-family: arial;
    color : #3d3d3d;
    background-color: #f3fde3;
}

table.adminform {
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	width: 100%;
	border-collapse: collapse;
	margin: 8px 0 10px 0;
	margin-bottom: 15px;
	width: 100%;
}
table.adminform.nospace { margin-bottom: 0; }
table.adminform tr.row0 { background-color: #f9f9f9; }
table.adminform tr.row1 { background-color: #eeeeee; }

table.adminform th {
	font-size: 11px;
	padding: 6px 2px 4px 4px;
	text-align: left;
	height: 25px;
	color: #000;
	background-repeat: repeat;
}
table.adminform td { padding: 3px; text-align: left; }

table.adminform td.filter{
	text-align: left;
}

table.adminform td.helpMenu{
	text-align: right;
}


fieldset.adminform { border: 1px solid #ccc; margin: 0 10px 10px 10px; }


table.adminlist {
	width: 100%;
	border-spacing: 1px;
	background-color: #e7e7e7;
	color: #666;
}
table.adminlist td,
table.adminlist th { padding: 4px; }

table.adminlist thead th {
	text-align: center;
	background: #f0f0f0;
	color: #666;
	border-bottom: 1px solid #898989;
	border-left: 1px solid #CCC;

}

table.adminlist thead a:hover { text-decoration: none; }

table.adminlist thead th img { vertical-align: middle; }

table.adminlist tbody th { font-weight: bold; }

table.adminlist tbody tr			{ background-color: #fff;  text-align: left; }
table.adminlist tbody tr.row1 	{ background: #f9f9f9; border-top: 1px solid #fff; }

table.adminlist tbody tr.row0:hover td,
table.adminlist tbody tr.row1:hover td  { background-color: #ffd ; }

table.adminlist tbody tr td 	   { height: 10px; background: #fff; border: 1px solid #fff; }
table.adminlist tbody tr.row1 td { background: #f9f9f9; border-top: 1px solid #FFF; }

table.adminlist tfoot tr { text-align: center;  color: #333; }
table.adminlist tfoot td,
table.adminlist tfoot th { background-color: #f3f3f3; border-top: 1px solid #999; text-align: center; }

table.adminlist td.order 		{ text-align: center; white-space: nowrap; }
table.adminlist td.order span { float: left; display: block; width: 20px; text-align: center; }

table.adminlist .pagination { display:table; padding:0;  margin:0 auto;	 }

#PopUpHeader {
    background: #2a2c29;
height:30px;
margin-top:0px;
color:#fff;
font: 14px normal Arial, Helvetica, sans-serif;
font-weight: bold;
}



.but_close  {
   background: url(../image/close_r.png) no-repeat center 2px;
   height: 25px;
   width: 20px;
   padding: 0;
   margin-right:0px;
   cursor:pointer;
}

.but_close:hover {
   background: url(../image/close_b.png) no-repeat center 2px;
   height: 25px;
   width: 20px;
   padding: 0;
   margin-top:0px;
   cursor:pointer;
}

ul.tabs {
                margin: 0;
                padding: 0;
                float: left;
                list-style: none;
                height: 27px; 
                border-bottom: 1px solid #999;
                border-left: 1px solid #999;
                width: 100%;
            }
            ul.tabs li {
                float: left;
                margin: 0;
                padding: 0;
                height: 26px; 
                line-height: 26px; 
                border: 1px solid #999;
                border-left: none;
                margin-bottom: -1px; 
                overflow: hidden;
                position: relative;
                background: #e0e0e0;
            }
            ul.tabs li a {
                text-decoration: none;
                color: #000;
                display: block;
                font-size: 1.2em;
                padding: 0 10px;
                border: 1px solid #fff; 
                outline: none;
            }
            ul.tabs li a:hover {
                background: #ccc;
            }
            html ul.tabs li.active, html ul.tabs li.active a:hover  { 
                background: #fff;
                border-bottom: 1px solid #fff; 
            }

            .tab_container {
                border: 1px solid #999;
                border-top: none;
                overflow: hidden;
                clear: both;
                float: left; width: 100%;
                background: #fff;
            }
            .tab_content {
                padding: 20px;
                font-size: 1.2em;
            }