/* 
    Document   : estilos
    Created on : 10/10/2012, 07:11:46 AM
    Author     : gabo
    Description:
        Purpose of the stylesheet follows.
*/
body{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
   
}
.container { 
    width:743px;
    margin:auto;
}
.strong{
    color:#002b80;
}
#header{
    width:753px;
    height:172px;
    background-image: url(../img/header-bg.jpg);
    background-repeat: no-repeat;
}
#header img{
    margin-top: 16px;
    margin-left: 8px;
}
#content{
        background-image: url(../img/tile.jpg);
        background-repeat: repeat-y;
        padding: 3px 20px;
}
#footer{
    background-image: url(../img/footer.jpg);
    background-repeat: no-repeat;
    height: 97px;
}
h3{
    color:#003366;
    text-decoration: underline;
}
h3.ui-accordion-header {
    font-weight: bold;
}
h4{
   
    margin-bottom: 0px !important;
}
th a{
    color: black !important;
}

#footer h2{
    color:#003366;
    margin:0px;
    padding: 30px 0px 0px 20px;
}
legend{
    color:#003366 !important;
    font-weight: bold;
}
.center{
    text-align: center;
}
label{
    display: block;
    
    color: #666;
    font-weight: bold;
}
a{
    color:#299ae4 !important;
    text-decoration: none;
}
/*paginas internas */
#UserLoginForm{
    margin: auto;
    width:400px;
}
#txtAutoCompleteSearch{
    width:400px;
    padding:5px;
}


/** Tables **/
table {
	background: #fff;
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	border:0;
	border-bottom:2px solid #555;
	text-align: left;
	padding:4px;
}
th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a.asc:after {
	content: ' ⇣';
}
th a.desc:after {
	content: ' ⇡';
}
table tr td {
	background: #fff;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #ddd;
}
table tr:nth-child(2n) td {
	background: #f5f5f5;
}
table .altrow td {
	background: #f5f5f5;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
table td.actions a {
	margin: 0px 6px;
	padding:2px 5px;
}
/** Notices and Errors **/
div.message {
	clear: both;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 1em 0;
        background-color: #4ea5cd;
	border-color: #3b8eb5;
	padding: 5px;
}
div.error-message {
	clear: both;
	color: #fff;
	font-weight: bold;
	background: #c73e14;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/**  Actions  **/
.pdf{
    background: url(../img/descarga-n.png);
    background-repeat: no-repeat;
    padding-left: 36px !important;
}
.ui-accordion .ui-accordion-content {
    padding: 0.8em 2.2em !important;
}
.name{ 
    font-size: 19px;
    font-weight: bold;
}
.login{
    width: 440px !important;
    margin: auto !important;
}
.login input[type=text],
.login input[type=password],
#ConfigurationEditForm input[type=text],
#UserAddForm input[type=text],
#UserAddForm input[type=password],
#UserEditForm input[type=text],
#UserEditForm input[type=password]{
    width:200px;
    padding:2px;
    width: 328px;
    padding: 5px;
    color:#686464;
}
.ui-accordion-header a{
    color:#000 !important;
}
.actions li{
    display:inline;

}
.actions ul{
        margin:0px 0px 10px !important;
    padding-left: 0px !important;
}
/** Paging **/
div.paging {
	background:#fff;
	color: #ccc;
	margin-top: 1em;
	clear:both;
        text-align: center;
        padding:7px;
}
div.paging span.disabled {
	color: #ddd;
	display: inline;
}
div.paging span.current {
	color: #299ae4;
}
div.paging span a {
}
td a {
    color: #299ae4 !important;
}
.image{
    float:left;
    margin-right:10px;
}
.image img{
    width:70px;
}
.proceso{
    background: url(../img/refresh.png);
    background-repeat: no-repeat;
    padding-left: 22px;
}
.view{
    background: url(../img/view_icon.png);
    background-repeat: no-repeat;
    padding-left: 5px;
}

.edit{
    background: url(../img/edit.png);
    background-repeat: no-repeat;
    padding-left: 11px;
    height: 16px;
}
.delete{
    background: url(../img/iconDelete.gif);
    background-repeat: no-repeat;
    padding-left: 11px;
    height: 16px;
}
.date-input{float:left;width:200px;}
.error-message{
    color:red;
}