/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/


fieldset {
    border: 1px solid #ddd;
    padding: 0 1em 1em 1em;
    margin: 0 0 0 0;
}

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


textarea {
    min-height: 75px;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}


#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: #005188 !important;
    font-family: "Segoe UI", sans-serif;
}

#logindisplay a:link {
    color: #005188 !important;
    text-decoration: none;
}

#logindisplay a:visited {
    color: #005188 !important;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: #005188 !important;
    text-decoration: none;
}

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

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

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

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

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

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 0.2em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.2em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

/* dialog Styles
----------------------------------------------------------*/

.ButtonLink 
{ 
    color:Blue; 
    cursor:pointer; 
}

.ButtonLink:hover 
{ 
    text-decoration:underline; 
}

.Hidden 
{ 
    display:none; 
}

/* Paradigma
-----------------------------------------------------------*/

section.content { float: left; width: 30%; padding: 20px 0 20px 30px; }
.section1 { background: #1f497d; color: #FFF; }
.section1 td { border-width: 0 5px 5px 0; border-style: solid; border-color: #1f497d; }
.section2 { background: #56c7f8; color: #1f497d; }
.section2 td { border-width: 0 5px 5px 0; border-style: solid; border-color: #56c7f8; }
.section3 { background: #ebebeb; color: #1f497d; }
.section3 td { border-width: 0 5px 5px 0; border-style: solid; border-color: #ebebeb; }
section h2 { margin: 0; padding: 0; font-weight: normal !important; }
section table th { text-align: left; padding: 2px 0; }
.section1 tr.highlight td, .section1 tr:hover td { border-right: #56c7f8; background: #56c7f8; }
.section1 tr.highlight input, .section1 tr:hover input { background: #56c7f8; }
.section2 tr.highlight td, .section2 tr:hover td { border-right: #ebebeb; background: #ebebeb;  }
.section2 tr.highlight input, .section2 tr:hover input { background: #ebebeb; }
section input { border: none; padding: 4px 2.5px; margin: 0; width: 100px; }
section input.smallInput { width: 40px; }
tr.highlight td.noBg, tr:hover td.noBg { background: none !important; }

.slide-out-div {
          
          width: 1000px;
          height:500px;
         
         background: #f5f5f5; border-radius: 15px 0 0 15px; padding: 10px; z-index: 100; margin-bottom: 15px;
	-webkit-box-shadow:0 0 25px  #AAA;
	   -moz-box-shadow:0 0 25px  #AAA;
	        box-shadow:	0 0 25px  #AAA;
      } 

.loader-backGround 
{
    opacity: .70; 
    width:500%;
    height:500%;  
    z-index:10000; 
    left:0;/*IE*/ 
    top:-30%; 
    font-color:#cdcdcd; 
    font-size:0.8em; 
    text-align:center; 
    position:fixed; 
    background-color:#000;
}

.ui-loader   
{
    position: absolute;
    opacity: .80; 
    z-index: 100000; 
    left: 50%; 
    width: 200px; 
    margin-left: -130px;
    margin-top: -35px; 
    padding: 10px 30px 10px 13px;
}
.ui-loader h1  
{
    font-size: 15px; 
    text-align: center;
}



.ui-body-a {
	border: 1px solid 		#2A2A2A /*{a-body-border}*/;
	background: 			#222222 /*{a-body-background-color}*/;
	color: 					#fff /*{a-body-color}*/;
	 text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #000 /*{a-body-shadow-color}*/;
	font-weight: normal;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #666 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);	
}


.ui-corner-all {
	-moz-border-radius: 				.6em /*{global-radii-blocks}*/;
	-webkit-border-radius: 				.6em /*{global-radii-blocks}*/;
	border-radius: 						.6em /*{global-radii-blocks}*/;
}