/* CSS Button Submit */

input#gobutton{
cursor:pointer; 		/*forces the cursor to change to a hand when the button is hovered*/
padding:5px 25px; 		/*add some padding to the inside of the button*/
background:#35b128; 	/*the colour of the button*/
border:1px solid #33842a; /*required or the default border for the browser will appear*/
/*give the button curved corners, alter the size as required*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*give the button a drop shadow*/
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
box-shadow: 0 0 4px rgba(0,0,0, .75);
/*style the text*/
color:#f3f3f3;
font-size:1.1em;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
input#gobutton:hover, input#gobutton:focus{
background-color :#399630; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
}

/* CSS Submit */

input#submmit1{
cursor:pointer; 		/*forces the cursor to change to a hand when the button is hovered*/
padding:5px 25px; 		/*add some padding to the inside of the button*/
background:#A4A4A4; 	/*the colour of the button*/
border:1px solid #585858; /*required or the default border for the browser will appear*/
/*give the button curved corners, alter the size as required*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*give the button a drop shadow*/
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
box-shadow: 0 0 4px rgba(0,0,0, .75);
/*style the text*/
color:#f3f3f3;
font-size:1.1em;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
input#submmit1:hover, input#submmit1:focus{
background-color :#585858; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
}

input#submitbutton2 {
border:2px groove #7c93ba;
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding: 5px 25px;
/*give the background a gradient - see cssdemos.tupence.co.uk/gradients.htm for more info*/
background-color:#6b6dbb; /*required for browsers that don't support gradients*/
background: -webkit-gradient(linear, left top, left bottom, from(#88add7), to(#6b6dbb));
background: -webkit-linear-gradient(top, #88add7, #6b6dbb);
background: -moz-linear-gradient(top, #88add7, #6b6dbb);
background: -o-linear-gradient(top, #88add7, #6b6dbb);
background: linear-gradient(top, #88add7, #6b6dbb);
/*style to the text inside the button*/
font-family:Andika, Arial, sans-serif; /*Andkia is available at http://www.google.com/webfonts/specimen/Andika*/
color:#fff;
font-size:1.1em;
letter-spacing:.1em;
font-variant:small-caps;
/*give the corners a small curve*/
-webkit-border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
border-radius: 0 15px 15px 0;
/*add a drop shadow to the button*/
-webkit-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
-moz-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
input#submitbutton2:hover, input#submitbutton2:focus {
color:#edebda;
/*reduce the spread of the shadow to give a pushed effect*/
-webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
-moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
}

/* CSS Imagen Button */

div.cmdbtn {
margin-bottom: 10px;
background-position: center top;
background-repeat: no-repeat;
width: 32px;
}


#cmdnew
 {
    display: block;
    width: 32px;
    height: 32px;
    background: url("../images/new1.png") no-repeat 0 0;

}
#cmdnew:hover
{ 
    background: url("../images/new2.png") no-repeat 0 0;
}
/******************************************/
/* CSS FORMS */
/*****************************************/
#gralform {
width: 700px;
background:#585858;
margin:20px;
padding:10px 20px;
font-family: Arimo, Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
border: 1px solid #000;
border-radius:10px;
box-shadow: 0 0 5px rgba(0,0,0, .65);
}
#gralform fieldset{
border:none;
}
#gralform legend{
display:none;
}
#gralform input, #gralform textarea{
float:left;
display:block;
padding:5px;
border-radius:5px;
margin-bottom:20px;
margin-top:5px;
background:#D8D8D8;
border:2px solid #F2F2F2;
font-family: Arimo, Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
}
#gralform input, #gralform select{
display:block;
padding:5px;
border-radius:5px;
margin-bottom:20px;
margin-top:5px;
background:#D8D8D8;
border:2px solid #F2F2F2;
font-family: Arimo, Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
}

#gralform input#yourname, #gralform input#email{
width:500px;
}
#gralform textarea#message{
background:url(assets/forms01.jpg) 98% 99% no-repeat #e4e2ce;
width:500px;
height:200px;
}
#gralform input:focus, #gralform textarea:focus{
border:2px solid #190B07 ;
background:#fff;
}
#gralform label {
width:100%;
padding:4px 10px 4px 4px;
font-size:1.2em;
color:#fff;
text-align:left;
 
}
#gralform input#sendbutton {
background: #3084a4;
border:1px solid #3084a4;
color:#fff;
text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3);
padding:5px 10px;
font-size:1.2em;
margin-left:30px;
border-radius:5px;
text-align:right;
box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 4px 4px #5d6257;
}
#gralform input#sendbutton:active{
border:1px solid #3084a4;
}
#gralform input#sendbutton:hover, #gralform input#sendbutton:focus{
box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 1px 4px #5d6257;
cursor:pointer;
}
#gralform input#submit0{
background: #1959BA;
border:1px solid #0C2C5D;
color:#fff;
text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3);
padding:5px 10px;
font-size:1.2em;
margin-left:0px;
border-radius:10px;
box-shadow: 0 0 4px rgba(0,0,0, .75);
}
#gralform input#submit0:active{
border:1px solid #3084a4;
}
#gralform input#submit0:hover, input#submit0:focus{
background-color :#5C96D0;  /* #35b128 make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
cursor:pointer;
}
#gralform p{
font-size:85%;
line-height:1.6em;
margin-bottom:15px;
color:#444;
}
#gralform h2{
color:#fff;
font-family: 'Happy Monkey', Arial, Helvetica, sans-serif;
text-shadow: 0px 1px 1px #555;
font-size:1.2em;
margin-bottom:20px;
letter-spacing:.05em;
}
#gralform h3{
color:#fff;
font-family: 'Happy Monkey', Arial, Helvetica, sans-serif;
text-shadow: 0px 1px 1px #555;
font-size:1.6em;
margin-bottom:20px;
letter-spacing:.05em;
}
/*** Finally - force IE8 and lower to use some CSS3 ***/
/**see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
#gralform, #gralform input, #gralform textarea{
behavior: url(pie/PIE.htc); 
}

/******************************************/
/* CSS FORMS */
/*****************************************/
#gralform_2 {
width: 700px;
background:#F7F7F7;
margin:20px;
padding:10px 20px;
font-family: Arimo, Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
border: 1px solid #000;
border-radius:10px;
box-shadow: 0 0 5px rgba(0,0,0, .65);
}
#gralform_2 fieldset{
border:none;
}
#gralform_2 legend{
display:none;
}
#gralform_2 input, #gralform_2 textarea{
float:left;
display:block;
padding:5px;
border-radius:5px;
margin-bottom:20px;
margin-top:5px;
background:#D8D8D8;
border:2px solid #F2F2F2;
font-family: Arimo, Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
}
#gralform_2 input, #gralform_2 select{
display:block;
padding:5px;
border-radius:5px;
margin-bottom:20px;
margin-top:5px;
background:#D8D8D8;
border:2px solid #F2F2F2;
font-family: Arimo, Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
}

#gralform_2 input#yourname, #gralform_2 input#email{
width:500px;
}
#gralform_2 textarea#message{
background:url(assets/forms01.jpg) 98% 99% no-repeat #e4e2ce;
width:500px;
height:200px;
}
#gralform_2 input:focus, #gralform_2 textarea:focus{
border:2px solid #190B07 ;
background:#fff;
}
#gralform_2 label {
width:100%;
padding:4px 10px 4px 4px;
font-size:1.2em;
color:#000;
text-align:left;
 
}
#gralform_2 input#sendbutton {
background: #3084a4;
border:1px solid #3084a4;
color:#fff;
text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3);
padding:5px 10px;
font-size:1.2em;
margin-left:30px;
border-radius:5px;
text-align:right;
box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 4px 4px #5d6257;
}
#gralform_2 input#sendbutton:active{
border:1px solid #3084a4;
}
#gralform_2 input#sendbutton:hover, #gralform_2 input#sendbutton:focus{
box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 1px 4px #5d6257;
cursor:pointer;
}
#gralform_2 input#submit0{
background: #1959BA;
border:1px solid #0C2C5D;
color:#fff;
text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3);
padding:5px 10px;
font-size:1.2em;
margin-left:0px;
border-radius:10px;
box-shadow: 0 0 4px rgba(0,0,0, .75);
}
#gralform_2 input#submit0:active{
border:1px solid #3084a4;
}
#gralform_2 input#submit0:hover, input#submit0:focus{
background-color :#5C96D0;  /* #35b128 make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
cursor:pointer;
}
#gralform_2 p{
font-size:85%;
line-height:1.6em;
margin-bottom:15px;
color:#444;
}
#gralform_2 h2{
color:#fff;
font-family: 'Happy Monkey', Arial, Helvetica, sans-serif;
text-shadow: 0px 1px 1px #555;
font-size:1.2em;
margin-bottom:20px;
letter-spacing:.05em;
}
#gralform_2 h3{
color:#fff;
font-family: 'Happy Monkey', Arial, Helvetica, sans-serif;
text-shadow: 0px 1px 1px #555;
font-size:1.6em;
margin-bottom:20px;
letter-spacing:.05em;
}
/*** Finally - force IE8 and lower to use some CSS3 ***/
/**see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
#gralform_2, #gralform_2 input, #gralform_2 textarea{
behavior: url(pie/PIE.htc); 
}

div.date {
	padding:12px;
	font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
}


.myform{
 margin:0 auto;
 width:400px;
 padding:14px;
}

#mycheckbox{vertical-align:middle;width:30px;margin-left:0;}

 /* ----------- stylized ----------- */
 #stylized{
 border:solid 2px #b7ddf2;
 background:#ebf4fb;
 }
 #stylized h1 {
 font-size:14px;
 font-weight:bold;
 margin-bottom:8px;
 }
 #stylized p{
 font-size:11px;
 color:#666666;
 margin-bottom:20px;
 border-bottom:solid 1px #b7ddf2;
 padding-bottom:10px;
 }
 #stylized label{
 display:block;
 font-weight:bold;
 text-align:right;
 width:140px;
 float:left;
 }
 #stylized .small{
 color:#666666;
display:block;
 font-size:11px;
 font-weight:normal;
 text-align:right;
 width:140px;
 }
 #stylized input, #stylized select{
 float:left;
 font-size:12px;
 padding:4px 2px;
 border:solid 1px #aacfe4;
 width:200px;
 margin:2px 0 20px 10px;
 }
 #stylized button{
 clear:both;
 margin-left:150px;
 width:125px;
 height:31px;
 background:#666666 url(img/button.png) no-repeat;
 text-align:center;
 line-height:31px;
 color:#FFFFFF;
 font-size:11px;
 font-weight:bold;
 }

/******************************************/
/* MSG ALERTS
/*****************************************/
#msg1 {
width: 400px;
background:#ffffff;
margin:20px;
padding:10px 20px;
font-family: Arimo, Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
border: 1px solid #000;
border-radius:10px;
box-shadow: 0 0 5px rgba(0,0,0, .65);
}
 
/******************************************/
/* CSS MY_FORM */
/*****************************************/
#my_form {
width: 500px;
background:#ebf4fb;
margin:20px;
padding:10px 20px;
font-family: Arimo, Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
border: 1px solid #000;
border-radius:10px;
box-shadow: 0 0 5px rgba(0,0,0, .65);
}
#my_form fieldset{
border:none;
}
#my_form legend{
display:none;
}
#my_form label {
 display:block;
 font-weight:bold;
 text-align:right;
 width:140px;
 float:left;
}

#my_form input, #my_form textarea{
float:left;
display:block;
padding:5px;
border-radius:5px;
margin-bottom:20px;
margin-top:5px;
background:#D8D8D8;
border:2px solid #F2F2F2;
font-family: Arimo, Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#000;
}
 #my_form input, #my_form select{
 float:left;
 font-size:12px;
 padding:4px 2px;
 border:solid 1px #aacfe4;
 width:200px;
 margin:2px 0 20px 10px;
 }
#my_form input:focus, #my_form textarea:focus{
border:2px solid #190B07 ;
background:#fff;
}
#my_form input#sendbutton {
background: #3084a4;
border:1px solid #3084a4;
color:#fff;
text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3);
padding:5px 10px;
font-size:1.2em;
margin-left:30px;
border-radius:5px;
text-align:right;
box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 4px 4px #5d6257;
}
#my_form input#sendbutton:active{
border:1px solid #3084a4;
}
#my_form input#sendbutton:hover, #my_form input#sendbutton:focus{
box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 1px 4px #5d6257;
cursor:pointer;
}
#my_form input#submit0{
background: #1959BA;
border:1px solid #0C2C5D;
color:#fff;
text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3);
padding:5px 10px;
font-size:1.0em;
margin-left:0px;
border-radius:10px;
box-shadow: 0 0 4px rgba(0,0,0, .75);
}
#my_form input#submit0:active{
border:1px solid #3084a4;
}
#my_form input#submit0:hover, input#submit0:focus{
background-color :#5C96D0;  /* #35b128 make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
cursor:pointer;
}
#my_form p{
font-size:85%;
line-height:1.6em;
margin-bottom:15px;
color:#444;
}
#my_form h2{
color:#fff;
font-family: 'Happy Monkey', Arial, Helvetica, sans-serif;
text-shadow: 0px 1px 1px #555;
font-size:1.2em;
margin-bottom:20px;
letter-spacing:.05em;
}
#my_form h3{
color:#FF0000;
font-family: 'Happy Monkey', Arial, Helvetica, sans-serif;
text-shadow: 0px 1px 1px #555;
font-size:1.6em;
margin-bottom:20px;
letter-spacing:.05em;
}
#my_form h4{
color:#000000;
font-family: 'Happy Monkey', Arial, Helvetica, sans-serif;
text-shadow: 0px 1px 1px #555;
font-size:1.2em;
margin-bottom:20px;
letter-spacing:.05em;
}
/*** Finally - force IE8 and lower to use some CSS3 ***/
/**see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
#my_form, #my_form input, #my_form textarea{
behavior: url(pie/PIE.htc); 
}


/******************************************/
/* CSS my_form_print TO PRINT*/
/*****************************************/
#my_form_print {
width: 500px;
background:#ebf4fb;
margin:20px;
padding:10px 20px;
font-family: Arimo, Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
border: 1px solid #000;
border-radius:10px;
box-shadow: 0 0 5px rgba(0,0,0, .65);
}

#my_form_print fieldset{
border:none;
}
#my_form_print legend{
display:none;
}
#my_form_print label {
 display:block;
 font-weight:bold;
 text-align:right;
 width:160px;
 float:left;
 font-size:11pt;
}
 
#my_form_print input, #my_form_print textarea{
float:left;
display:block;
padding:px;
border-radius:5px;
margin-bottom:20px;
margin-top:5px;
background:#D8D8D8;
border:2px solid #F2F2F2;
font-family: Arimo, Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
}
 #my_form_print input, #my_form_print select{
 float:left;
 font-size:12px;
 padding:4px 2px;
 border:solid 1px #aacfe4;
 width:200px;
 margin:2px 0 5px 5px;
 }
#my_form_print input:focus, #my_form_print textarea:focus{
border:2px solid #190B07 ;
background:#fff;
}
#my_form_print input#sendbutton {
background: #3084a4;
border:1px solid #3084a4;
color:#fff;
text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3);
padding:5px 10px;
font-size:1.2em;
margin-left:30px;
border-radius:5px;
text-align:right;
box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 4px 4px #5d6257;
}
#my_form_print input#sendbutton:active{
border:1px solid #3084a4;
}
#my_form_print input#sendbutton:hover, #my_form_print input#sendbutton:focus{
box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 1px 4px #5d6257;
cursor:pointer;
}
#my_form_print input#submit0{
background: #1959BA;
border:1px solid #0C2C5D;
color:#fff;
text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3);
padding:5px 10px;
font-size:1.2em;
margin-left:0px;
border-radius:10px;
box-shadow: 0 0 4px rgba(0,0,0, .75);
}
#my_form_print input#submit0:active{
border:1px solid #3084a4;
}
#my_form_print input#submit0:hover, input#submit0:focus{
background-color :#5C96D0;  /* #35b128 make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
cursor:pointer;
}
#my_form_print p{
font-size:85%;
line-height:1.6em;
margin-bottom:15px;
color:#444;
}
#my_form_print h2{
color:#fff;
font-family: 'Happy Monkey', Arial, Helvetica, sans-serif;
text-shadow: 0px 1px 1px #555;
font-size:1.2em;
margin-bottom:20px;
letter-spacing:.05em;
}
#my_form_print h3{
color:#FF0000;
font-family: 'Happy Monkey', Arial, Helvetica, sans-serif;
text-shadow: 0px 1px 1px #555;
font-size:1.6em;
margin-bottom:20px;
letter-spacing:.05em;
}
#my_form_print h4{
color:#000000;
font-family: 'Happy Monkey', Arial, Helvetica, sans-serif;
text-shadow: 0px 1px 1px #555;
font-size:1.2em;
margin-bottom:20px;
letter-spacing:.05em;
}
/*** Finally - force IE8 and lower to use some CSS3 ***/
/**see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
#my_form_print, #my_form_print input, #my_form_print textarea{
behavior: url(pie/PIE.htc); 
}

/* Head Table */
#mytableH {
	width: 99.8%;
	padding: 0;
	margin: 0;
}
#mytableH caption {
	padding: 0 0 5px 0;
	width: 99.8%;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background: #FFFFFF;
}
#mytableH th {
	font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background: #CCCCCC;
}
#mytableH th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}
#mytableH td {

	font: 14px "Arial", Trebuchet MS, Verdana, Helvetica, sans-serif;
        font-weight:bold;
        text-align:center;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #000000;


}

#mytableH td.alt {
	background: #F5FAFA;
	color: #797268;
}
#mytableH th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(/static/images/bullet01.png) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#mytableH th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(/static/images/bullet01.png) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}