body 
{
	margin:25px;
	font:11px Verdana,Arial;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background-color:#ffffff;
	/*background-image: url('images/fondo.png');
	background-repeat: repeat-x;*/
}


#mainHeader
{
	height:95px;	
	clear:both;
	border-bottom : 5px solid #0B3861;		
	box-shadow: 0px 7px 10px 0px rgba(119, 119, 119, 0.75);
  -moz-box-shadow: 0px 7px 10px 0px rgba(119, 119, 119, 0.75);
  -webkit-box-shadow: 0px 7px 10px 0px rgba(119, 119, 119, 0.75);
	z-index:10; position:relative;
	behavior: url(ie-css3.htc);	
	/*background-image:url('images/topBack.jpg');
	background-repeat:repeat-y;	
	background-position:right; */
	
	
}

#logoDiv
{
	width :200px;
	height : 93px;
	max-width: 200px;
	max-height: 93px;	
	float: left;
}

#topHeader
{
	float:right;	
	height: 40px;
	width: 70%;
	/*border:1px solid #000000;*/
	
}

#bottomHeader
{
	float:right;	
	height: 51px;
	width: 70%;
	
}


#perfil
{
	float: right;
	padding-top:35px;
	padding-right:15px;
	padding-left:15px;	
	
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;	
	font-weight: bold;
	color: #0B3861;
		
}

#usuarioM
{
	float: right;
	padding-top:35px;
	padding-right:15px;
	padding-left:15px;
	
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;	
	font-weight: bold;
	color: #0B3861;
	
}



#iconStyle
{		
	float:right;
	font:10px Arial, Helvetica, Sans-serif;
	color:#848484;	
	text-align:center;
	padding: 10px;
}


a.topLink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;	
	font-style: normal;
	color: #6E6E6E;
	text-decoration: none;
	}
a.topLink:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #6E6E6E;
	text-decoration: none;
	}
a.topLink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #DF7401;	
	text-decoration: none;
	}
a.topLink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #6E6E6E;
	text-decoration: none;
	}

	/*
#topInfo
{
	border : 10px solid #000000;
	position:absolute;
	float : left;
	height: 25px;
	padding: 5px;
	z-index: auto;
}*/

.orangeText
{
	color: #FF8000;
	font-size: 10px;
	font-weight: bold;
}


#mainContent
{
	margin-top: 15px;
	margin-bottom: 5px;
	padding : 10px;
	clear:both;	
	text-align: center;
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: #6E6E6E;	
	
}

#mainFooter
{
	position:absolute; 
	width:100%; 
	height:100px;
	
	padding:20px 15px 0px 15px;
	
	background:#4b4b4b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: #FAFAFA;
	
}

#inicio
{
	margin: 0 auto;	
  /*border : 1px solid #000000;*/	
	text-align:center;
	width:85%;
	padding:10px;
}

#menuBox
{

	display:inline-block;
	/*border: 1px solid #000000;*/
	padding-bottom: 5px;	
	width:300px;
	height:200px;
	max-height:250px;
	vertical-align:top;
	margin:20px;
	/*background-color: #fbfbfb;*/
		overflow: auto;
	
}

.boxTitle
{
	background-image: url('images/topBack.jpg');
	background-repeat: no-repeat;
		
	padding-right:10px;
	text-align: right;
	/*border-bottom: 1px dotted #FFBF00;*/
	border-bottom: 1px solid #FFBF00;
	text-transform: capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
	color: #6E6E6E;
	background-color: #FFFFFF;
}

.tdBoxI:hover
{	
    background-color: #F2F2F2;
    
}
.tdBoxI
{	
	text-align : left;	
	padding-left : 10px;
	padding-right : 10px;
	padding-top :4px;
	border-bottom: 1px dotted #f2f2f2;
}


.filterTable
{
	padding: 2px;		
}


.filterTd
{
	text-align : center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #FF8000;
	

	
}

#filterIcon
{
	border:1px solir red;
	
}

.filterClass
{
	font:12px Sans-serif, Arial, Helvetica ;
	color:#203e5e;	
	text-align:left;
	font-weight:bold;
	
}

#campos
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	
}

.errorTag
{
	font-weight: bold;
	color: red;

}


#langIcon
{
	padding : 20px;
}


a.langLink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #084B8A;
	text-decoration: none;
}

a.langLink:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #084B8A;
	text-decoration: none;
}

a.langLink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #084B8A;
	text-decoration: none;
}

a.langLink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #084B8A;
	text-decoration: none;
}

img.centerText {
	vertical-align: middle;
	boder: 0px;
	/* Ojo vertical-align: text-middle no existe*/
}

.thumbTable
{
	 margin: 0 auto;	
}
.thumbItem
{
	padding : 15px;
}

#uploadFileTable
{
	width: 90%;
	margin-left:auto; 
  margin-right:auto;

}

#tdUploadFileTable
{
	width:30%;
	border-right : 1px solid #f2f2f2;	
	vertical-align:top;	
	text-align:left;
	
	
}

#tdFileListTable
{	
	border-right : 1px solid #f2f2f2;
	padding-left:20px;
	width: 25%;	
	vertical-align:top;	
}

#tdLinkListTable
{	
	padding-left:20px;		
	vertical-align:top;	
}

#tdUploadFileTable2
{
	width:30%;
	border-right : 1px solid #f2f2f2;	
	vertical-align:top;	
	text-align:left;
	
	
}

#tdFileListTable2
{	
	border-right : 1px solid #f2f2f2;
	padding-left:20px;
	width: 70%;	
	vertical-align:top;	
}

/****PARA LOS DIVS PLEGABLES*****/

#fileList
{
	text-align:left;
}
#fileListItem
{	
	padding:3px;	
}

.listItemGood
{
	color:#86B404;
}
.listItemBad
{
	color:#DF0101;
}

#fechaActual
{
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: bold;
	background-color:#BDBDBD;
	padding:3px;
}


.fileButton {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	padding: 7px 10px;
	background: -moz-linear-gradient(
		top,
		#4a7fb8 0%,
		#003b7a);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#4a7fb8),
		to(#003b7a));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 0px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0.6);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0.6);
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);
}


.errorTag
{
	font-weight: bold;
	color: red;

}

.succesTag
{
	font-weight: bold;
	color: #0080FF;

}



/***************************************************************/
/****VIEJO*****///














#mainDiv
{

  
  margin: 0 auto 0 auto;
  background-color: #ffffff;
 /* background-image: url('../imagenes/backMain.png');
  background-repeat: repeat-y;*/
  border:5px solid #c2c2c2;
  /*border-left:1px solid #000000;
  border-right:1px solid #000000*/
  /*border-right:1px solid #000000;*/
}



/***
CSS PARA EL LOGIN
***/


/**
ALINEACION DEL DIV QUE CONTIENE EL LOGIN
**/
#loginBox
{
	position:absolute;
	left:50%;
	top:40%;
	margin:-130px 0 0 -200px;
	
	
	
}
/**
ALINEACION DEL DIV QUE CONTIENE EL LOGIN
**/
#loginBoxr
{
	clear:both;
	position:absolute;
	left:50%;
	top:40%;
	margin:-130px 0 0 -200px;
	
	
}


/**
CUADRO DE LA FORMA DEL LOGIN
**/

form#loginForm {
	margin:auto;
	background: #f7f9fa;
	font-size: 12px;
	padding: 30px;
	width: 350px;
	/*border:solid 10px #ffffff;*/
	border:solid 2px LightSteelBlue;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	-moz-box-shadow: #e4e4e4 4px 5px 10px inset;
  -webkit-box-shadow: #e4e4e4 4px 5px 10px inset;
  -o-box-shadow: #e4e4e4 4px 5px 10px inset;
  box-shadow: #e4e4e4 4px 5px 10px inset;
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	
}


.loginError
{

	text-align: center;
	padding-top: 10px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;	
	font-weight: bold;
	color: #f43535;

}


.diagrama
{
	
	display:none;
	
}

.leyenda
{

	text-align: left;
	padding: 10px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;	
	font-weight: bold;
	color: #f43535;

}

#flogin {
border:none;
border-top:solid 1px LightSteelBlue;

}

#logBut {

	border:none;

}

#logLogo
{
	width: 360px;
	text-align:left;
	
	color:#004080;
  font: 19px/22px Arial, Helvetica, Sans-serif;
	/*border:solid 1px LightSteelBlue;*/
}


form#loginForm legend {  
  
  color:#ff8040;
  font: 14px/22px Arial, Helvetica, Sans-serif;
  }

form#loginForm input{
	font-size:12px;
	background: white;
	border:solid 1px #a0a0a4;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*float: right;*/
	margin-right: 15px;
	/*width: 200px;*/
	height:25px;
 	-moz-box-shadow: #e4e4e4 4px 5px 10px inset;
  -webkit-box-shadow: #e4e4e4 4px 5px 10px inset;
  -o-box-shadow: #e4e4e4 4px 5px 10px inset;
  box-shadow: #e4e4e4 4px 5px 10px inset;
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	
	
}


.textLabel
{
    display:block;
    font:14px/22px Arial, Helvetica, Sans-serif;
    margin:0 0 0 0;
		padding-top:10px;
		color:#004080;		
}

form#loginForm label
{
    display:block;
    font:14px/22px Arial, Helvetica, Sans-serif;
    margin:0 0 0 0;
		padding-top:10px;
		color:#004080;		
}



/**
STYLE PARA LOS CAMPOS DE TEXTO GENERALES
**/
	 /*
	 input[type="text"] {
font-size:12px;
	background: white;
	border:solid 1px #a0a0a4;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
	margin-right: 15px;
	
	height:25px;
 	-moz-box-shadow: #e4e4e4 4px 5px 10px inset;
  -webkit-box-shadow: #e4e4e4 4px 5px 10px inset;
  -o-box-shadow: #e4e4e4 4px 5px 10px inset;
  box-shadow: #e4e4e4 4px 5px 10px inset;
}*/


.filterText {
font-size:12px;
	background: white;
	border:solid 1px #a0a0a4;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*float: right;*/
	margin-right: 15px;
	/*width: 200px;*/
	height:20px;
 	-moz-box-shadow: #e4e4e4 4px 5px 10px inset;
  -webkit-box-shadow: #e4e4e4 4px 5px 10px inset;
  -o-box-shadow: #e4e4e4 4px 5px 10px inset;
  box-shadow: #e4e4e4 4px 5px 10px inset;
}

	 
.tdLabel{
 	display:block;
  font:12px/22px Arial, Helvetica, Sans-serif;
  margin:0 0 0 0;
  padding-top:10px;
	color:#004080;	
		 
	 }
	 
 	select {
font-size:11px;
	background: white;
	border:solid 1px #a0a0a4;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*float: right;*/
	margin-right: 15px;
	/*width: 200px;*/
	
 	-moz-box-shadow: #e4e4e4 4px 5px 10px inset;
  -webkit-box-shadow: #e4e4e4 4px 5px 10px inset;
  -o-box-shadow: #e4e4e4 4px 5px 10px inset;
  box-shadow: #e4e4e4 4px 5px 10px inset;
}

.tableDef{


		/*nos posicionamos en el centro del navegador*/
	

	/*background: #f6f6f6;*/
	font-size: 12px;
	padding: 10px;
	/*width: 300px;*/
	/*border:solid 10px #ffffff;*/
	border:solid 7px LightSteelBlue;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	-moz-box-shadow: #e4e4e4 4px 5px 10px inset;
  -webkit-box-shadow: #e4e4e4 4px 5px 10px inset;
  -o-box-shadow: #e4e4e4 4px 5px 10px inset;
  box-shadow: #e4e4e4 4px 5px 10px inset;
	background-image: url('images/fondoForma.png');
	
}
.space
{
	clear:both;
	height : 20px;
	/*border : 1px solid #e8e8e8;*/
}

.tableBorder
{
border-left : 1px solid #e8e8e8;
border-right : 1px solid #e8e8e8;
border-bottom : 1px solid #e8e8e8;

}


.tdBoxT:hover
{
	
    background-color: #e0e0e0;
    
}
.tdBoxT
{
	
	text-align : left;
	padding-left : 10px
	/*padding-right : 10px;*/
	
}

#contentData
{
	/*border : 1px solid #000000;*/
	background-image: url('images/background.jpg');
	/*background-repeat :no-repeat;*/
	background-repeat :repeat-y;
	position:relative;
	height:550px;
	 
	
	
}

#box
{
	float:left;
	width : 300px;
	/*border : 1px solid #000000;*/
	valign : center;
	position:relative;
	padding-bottom: 10px;
	text-align : left;
	
	
	
}

#boxAux
{
	float:left;
	width : 319px;
	/*border : 1px solid #000000;*/
	valign : center;
	position:relative;
	padding-bottom: 10px;
	text-align : left;
	height : 320px;
	overflow: auto;
	
	
	
	
	
}
#boxSpace2
{
	float:left;
	width : 30px;
	/*border : 1px solid red;*/
	valign : left;
	position:relative;
	padding-bottom: 10px;
	text-align : right;
	
}

#boxr
{
	float: right;
	width : 300px;
	/*border : 1px solid #000000;*/
	position:relative;
	padding-bottom: 10px;	
	text-align : left;
	
	
	
}

.tablaMenu
{
	
	/*border : 1px solid #000000;*/
	width: 50%;
}


#mainData
{	
	border : 1px solid #000000;
}


#mainMenu
{	
	
	background:#585858;
	/*border : 1px solid #000000;*/
	padding: 10px;
	color : #FAFAFA;
	vertical-align:middle;
}





#seccion
{
	float: right;
	padding-left:50px;
	
}


#mainSection
{	
	background-image: url('images/fondo.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
	clear:both;
	padding:20px;
	

}

#mainSectionAux
{	
	background-image: url('images/fondo.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
	clear:both;
	padding:20px;
	height:450px;
	

}

/*#mainFooter
{
	clear:both;
	background:#4b4b4b;
	
	padding: 10px;
	font-size:10px;
	color:#f0f0f0;
}*/

#footerAux
{
	clear:both;
	background:#cdd8a3;
	height:10px;
}

#welcome
{
	position:absolute;
	background:#f0f0f0;
	left:20%;
	top:45%;
	margin:-100px 0 0 -200px;
	border:solid 2px LightSteelBlue;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	padding: 30px;
}


#formStyle
{
	clear:both;	
}

#iconSpace
{
	float:right;
	width:2px;
	
}


#iconSpace2
{
	clear:both;
	height:3px;
	
}




#userStyle
{
	float:left;
	background:#f4f4f4;
	padding:5px;
	font:12px Sans-serif, Arial, Helvetica ;
	color:#203e5e;	
	text-align:center;
	font-weight:bold;
	/*border-left:1px solid #616161;
	border-bottom:1px solid #616161;*/
	-moz-box-shadow: #e4e4e4 4px 5px 10px inset;
  -webkit-box-shadow: #e4e4e4 4px 5px 10px inset;
  -o-box-shadow: #e4e4e4 4px 5px 10px inset;
  box-shadow: #e4e4e4 4px 5px 10px inset;
	border-radius: 5px;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	
	
}

.imgStyle
{
	padding:10px;
	text-align:center;
	
	
}


a.llink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;	
	font-style: normal;
	color: #4F94CD;
	text-decoration: none;
	}
a.llink:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #4F94CD;
	text-decoration: underline;
	}
a.llink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #4F94CD;	text-decoration: underline;
	}
a.llink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #4F94CD;
	text-decoration: none;
	}
	
a.itemLink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;	
	font-style: normal;
	color: #4F94CD;
	text-decoration: none;
	}
a.itemLink:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #4F94CD;
	text-decoration: none;
	}
a.itemLink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #4F94CD;	text-decoration: none;
	}
a.itemLink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: #4F94CD;
	text-decoration: none;
	}


.filterSpace
{
	background:#004080;
	padding-left :10px;
	
	
}

.filterItem
{
	background:#f5f5f5;
	padding:3px;
	
}

.filterText
{
  padding-left:5px;
	font:11px Sans-serif, Arial, Helvetica ;
	/*color:#203e5e;	*/
	
	
	/*border-left:1px solid #616161;
	border-bottom:1px solid #616161;*/
	-moz-box-shadow: #e4e4e4 4px 5px 10px inset;
  -webkit-box-shadow: #e4e4e4 4px 5px 10px inset;
  -o-box-shadow: #e4e4e4 4px 5px 10px inset;
  box-shadow: #e4e4e4 4px 5px 10px inset;
	border-radius: 5px;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
}


.filterSelect
{
  padding-left:5px;
	font:11px Sans-serif, Arial, Helvetica ;
	/*color:#203e5e;	*/
	
	
	/*border-left:1px solid #616161;
	border-bottom:1px solid #616161;*/
	-moz-box-shadow: #e4e4e4 4px 5px 10px inset;
  -webkit-box-shadow: #e4e4e4 4px 5px 10px inset;
  -o-box-shadow: #e4e4e4 4px 5px 10px inset;
  box-shadow: #e4e4e4 4px 5px 10px inset;
	border-radius: 5px;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
}




#rmsg{
	background:#ffffff;
	font:12px Sans-serif, Arial, Helvetica ;
}

	 
/**
ESTO SE USA PARA PONER CMAPOS OBLIGATORIOS
**/
/*
form#login [required]{
border:solid 1px red;
}
 
input:required {
outline: 1px solid red;
}*/

/*
#logFld
{
	border:1px solid #000000;	
	font:14px/22px Arial, Helvetica, Sans-serif;
	
}

#logSub
{
	border:1px solid #000000;	
	
}*/






/*
.boxBody
{
    background:#fefefe;
    border-top:1px solid #dde0e8;
    border-bottom:1px solid #dde0e8;
    padding:10px 20px;
}

.rLink{padding:0 6px 0 0; font-size:11px; float:right; }


.btnLogin
{
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:10px;
    background:#a1d8f0;
    background:-moz-linear-gradient(top, #badff3, #7acbed);
    background:-webkit-gradient(linear, left top, left bottom, from(#badff3), to(#7acbed));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#badff3', EndColorStr='#7acbed')";
    border:1px solid #7db0cc !important;
    cursor: pointer;
    padding:11px 16px;
    font:bold 11px/14px Verdana, Tahomma, Geneva;
    text-shadow:rgba(0,0,0,0.2) 0 1px 0px; 
    color:#fff;
    -moz-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
    -webkit-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
    box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
    margin-left:12px;
    float:right;
	padding:7px 21px;
}

.box
{
    background:#fefefe;
    border: 2px solid #C3D4DB;
	border-top:1px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    -webkit-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    color:#444;
    font:normal 12px/14px Arial, Helvetica, Sans-serif;
    margin:0 auto 30px;
	overflow:hidden;
}
.box.login
{
	height:260px;
   width:335px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-130px 0 0 -166px;
	
	
}


.box footer
{
    background:#eff4f6;
    border-top:1px solid #fff;
    padding:22px 26px;
    overflow:hidden;
	height:32px;
	
}
.box label
{
    display:block;
    font:14px/22px Arial, Helvetica, Sans-serif;
    margin:10px 0 0 6px;
		
}
.box footer label{
	float:left;
	margin:4px 0 0;
	
}
.box footer input[type=checkbox]{
	vertical-align:sub;
	*vertical-align:middle;
	margin-right:10px;
}

.box input[type=text],
.box input[type=password],
.txtField,
.cjComboBox
{
    border:6px solid #F7F9FA;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    margin:3px 0 4px;
    padding:8px 6px;
    width:270px;
    display:block;
}
.box input[type=text]:focus,
.box input[type=password]:focus,
.txtField:focus,
.cjComboBox:focus
{
    border:6px solid #f0f7fc;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
	color:#333;
	
}
.cjComboBox
{
    width:294px;
		
}
.cjComboBox.small
{
    padding:3px 2px 3px 6px;
    width:100px;
    border-width:3px !important;
}
.txtField.small
{
    padding:3px 6px;
    width:200px;
    border-width:3px !important;
}


.box a{color:#999;}
.box a:hover, .box a:focus{text-decoration:underline;}
.box a:active{color:#f84747;}


.btnLogin:hover,
.btnLogin:focus,
.btnLogin:active{
    background:#a1d8f0;
    background:-moz-linear-gradient(top, #7acbed, #badff3);
    background:-webkit-gradient(linear, left top, left bottom, from(#7acbed), to(#badff3));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7acbed', EndColorStr='#badff3')";
}
.btnLogin:active
{
    text-shadow:rgba(0,0,0,0.3) 0 -1px 0px; 
}*/