﻿body{
    /*background: #fff url(img/pattern.png) 0 0 repeat-x;*/
    background: #fff url(img/backw2.jpg) 0 0 repeat;
    color: #343434; 
    font-size: 14px; 
    line-height: 1.5; 
    font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
}

.logo{
	/*background:url(img/form_bg.gif) no-repeat 0 0 #FFFFFF; color:#0B0B0B;*/
	/*padding:0 0 10px 55px; float:left; width:228px; height:37px;
	font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
.red{
	background-color:#FFFFFF; color:#A60101;*/
	font:normal 24px/30px Georgia, "Times New Roman", Times, serif; 
	text-shadow: 3px 2px 6px #3C3C3D;
}

.enjoy-css {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  border: none;
  font: normal normal normal 52px/normal "Passero One", Helvetica, sans-serif;
  color: rgba(255,255,255,1);
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  text-shadow: 0 1px 0 rgb(204,204,204) , 0 2px 0 rgb(201,201,201) , 0 3px 0 rgb(187,187,187) , 0 4px 0 rgb(185,185,185) , 0 5px 0 rgb(170,170,170) , 0 6px 1px rgba(0,0,0,0.0980392) , 0 0 5px rgba(0,0,0,0.0980392) , 0 1px 3px rgba(0,0,0,0.298039) , 0 3px 5px rgba(0,0,0,0.2) , 0 5px 10px rgba(0,0,0,0.247059) , 0 10px 10px rgba(0,0,0,0.2) , 0 20px 20px rgba(0,0,0,0.14902) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.enjoy-css:hover {
  color: rgba(169,214,169,1);
  text-shadow: 0 1px 0 rgba(255,255,255,1) , 0 2px 0 rgba(255,255,255,1) , 0 3px 0 rgba(255,255,255,1) , 0 4px 0 rgba(255,255,255,1) , 0 5px 0 rgba(255,255,255,1) , 0 6px 1px rgba(0,0,0,0.0980392) , 0 0 5px rgba(0,0,0,0.0980392) , 0 1px 3px rgba(0,0,0,0.298039) , 0 3px 5px rgba(0,0,0,0.2) , 0 -5px 10px rgba(0,0,0,0.247059) , 0 -7px 10px rgba(0,0,0,0.2) , 0 -15px 20px rgba(0,0,0,0.14902) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}
h3{ 
    margin: 1.5em; 
    padding: 14px 28px; 
    line-height: 1; 
    background: #87CEFA      ; 
    background: -moz-linear-gradient(left,  rgba(255,255,255,0.9) 0%, rgba(177,209,246,0.9) 35%, rgba(32,124,229,1) 100%); /* FF3.6+ */
    
    color: #343434; 
    box-shadow: 10px 10px 5px #888888;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

h31
{
 
background: -moz-linear-gradient(left,  rgba(255,255,255,0.9) 0%, rgba(177,209,246,0.9) 35%, rgba(32,124,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.9)), color-stop(35%,rgba(177,209,246,0.9)), color-stop(100%,rgba(32,124,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0.9) 0%,rgba(177,209,246,0.9) 35%,rgba(32,124,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0.9) 0%,rgba(177,209,246,0.9) 35%,rgba(32,124,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0.9) 0%,rgba(177,209,246,0.9) 35%,rgba(32,124,229,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0.9) 0%,rgba(177,209,246,0.9) 35%,rgba(32,124,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#207ce5',GradientType=1 ); /* IE6-9 */


}

h7
{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
    color: #343434;
    font-size: 14px; 
}

.tableTitle1
{
	font-size:12px; 
	color:#000000; 
	font-weight:bold;
	background-color:#A9A9A9;
    text-align: left;
}
.sectionTitle1{
	font:Tahoma, Geneva, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#333;
	text-align:center;
	
}
.tableContentOdd{
	background-color:#DFEFFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	text-align:left;
	 
}
.tableContentEven{
	background-color:#F4FCFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	text-align:left;
}
.tablefilter{
	background-color:#F4FCFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#333;
	text-align:left;
	box-shadow: 10px 10px 5px #888888;
}
.tableContent{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#333;
	text-align:left;
}
.tableHeader{
    font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	background-color:#454545;
	text-align:left;
}
.td{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#333;
	text-align:left;
}
.ErrMsgLabel { background: #ffdfdf; border: 1px solid #f3afb5; margin: 0 0 1.5em 0; padding: 0 1.5em; text-align: center;
                      /* CSS3 */
                      border-radius:         4px;
                      -webkit-border-radius: 4px;
                      -moz-border-radius:    4px;
                      -o-border-radius:      4px;
                      -khtml-border-radius:  4px; 
                      font-family: Arial Narrow; font-size:medium; color:Red;
                    }
#ErrMsgLabel{ background: #ffdfdf; border: 1px solid #f3afb5; margin: 0 0 1.5em 0; padding: 0 1.5em; text-align: center;
                      /* CSS3 */
                      border-radius:         4px;
                      -webkit-border-radius: 4px;
                      -moz-border-radius:    4px;
                      -o-border-radius:      4px;
                      -khtml-border-radius:  4px; 
                      font-family: Arial Narrow; font-size:medium; color:Red;
                    }
.MsgLabel { background: #c8ffbf; border: 1px solid #a2ef95; margin: 0 0 1.5em 0; padding: 0 1.5em; text-align: center;
                   /* CSS3 */
                   border-radius:         4px;
                   -webkit-border-radius: 4px;
                   -moz-border-radius:    4px;
                   -o-border-radius:      4px;
                   -khtml-border-radius:  4px; 
                   font-family: Arial Narrow; font-size:medium; color:Blue;
                 }
#MsgLabel{ background: #c8ffbf; border: 1px solid #a2ef95; margin: 0 0 1.5em 0; padding: 0 1.5em; text-align: center;
                   /* CSS3 */
                   border-radius:         4px;
                   -webkit-border-radius: 4px;
                   -moz-border-radius:    4px;
                   -o-border-radius:      4px;
                   -khtml-border-radius:  4px; 
                   font-family: Arial Narrow; font-size:medium; color:Blue;
                 }
.msg { margin: 0 0 1.5em 0; padding: 0 1.5em; text-align: center;
                   /* CSS3 */
                   border-radius:         4px;
                   -webkit-border-radius: 4px;
                   -moz-border-radius:    4px;
                   -o-border-radius:      4px;
                   -khtml-border-radius:  4px;
                 }
#msg{ margin: 0 0 1.5em 0; padding: 0 1.5em; text-align: center;
                   /* CSS3 */
                   border-radius:         4px;
                   -webkit-border-radius: 4px;
                   -moz-border-radius:    4px;
                   -o-border-radius:      4px;
                   -khtml-border-radius:  4px;
                 }     
.textInput{ padding: 0px 0px; border: 1px solid #759B02; background: #FFFFBF; font-size: 1.1em;}

.textShow{ padding: 0px 0px; border: 1px solid #FFFFFF; background: #FFFFFF; font-size: 1.2em;}

.buttonAction1{ padding: 10px 22px; line-height: 1; background: #254a86; border: 1px solid #163362; font-size: 12px; font-weight: bold; color: #fff;
                                             /* CSS3 */
                                             border-radius:         4px;
                                             -webkit-border-radius: 4px;
                                             -moz-border-radius:    4px;
                                             -o-border-radius:      4px;
                                             -khtml-border-radius:  4px;
                                             box-shadow: 1px 1px 0 #fff;
                                             -webkit-box-shadow: 1px 1px 0 #fff;
                                             -moz-box-shadow: 1px 1px 0 #fff;
                                             text-shadow: -1px -1px 0 rgba(0,0,0,.25);
                                           }
.HeaderStyle
{
    background-image: url(img/Sprite.gif);
    background-position:top;
    background-repeat:repeat-x;
    background-color:#d1dbe0;
    padding: 5px;
    color: #16387c;
}
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/
{
    padding: 2px;
    /*border-right: solid 1px #91a7b4;*/
}
.RowStyle td
{
    background-color: #f1f5f6; font-family:Verdana; font-size:12px;
    margin-left: 80px;
}
.ColumnSeparator
{
    background-color: #9ab2ca;
}
.GridRowStyle
{
    background-color: #9ab2ca;
	background-image: url(img/Sprite.gif);
    background-position:0 -80px;
    background-repeat:repeat-x;
}
.TextBoxInputStyle
{ 
    padding: 1px 2px; 
    border: 1px solid #343434; 
    background: #FFFFBF; 
    font-size: 1em; 
    font-family: Tahoma;
    color:#000;
    text-align: left;
}
.NumBoxInputStyle
{ 
    padding: 1px 2px; 
    border: 1px solid #343434; 
    background: #FFFFBF; 
    font-size: 1em; 
    font-family: Tahoma;
    color:#000;
    text-align: Right;
}

.TextBoxStyle
{ 
    padding: 1px 2px; 
    border: 1px solid #343434; 
    background: #FFFFFF; 
    font-size: 1em; 
    font-family: Tahoma;
    color:#000;
}
.TextBoxBigStyle
{ 
    padding: 1px 2px; 
    border: 1px solid #343434; 
    background: #FFFFFF; 
    font-size: 2em; 
    font-family: Tahoma;
    color:#000;
}
#BoxWrapper {
    margin:50px 0px; padding:0px;
    text-align:center;
    }
.BoxWrapper {
    margin:50px 0px; padding:0px;
    text-align:center;
    }
#BoxContent {
    margin:0px auto;
    text-align:left;
    }
.BoxContent {
    margin:0px auto;
    text-align:left;
    padding:15px;
    }
    
 .buttonAction {
	color: rgb(0, 0, 0);
    font-size: 10px;
    padding: 15px;
    text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
    -webkit-border-radius: 29.18918918918919px;
    -moz-border-radius: 29.18918918918919px;
    border-radius: 29.18918918918919px;
    background: rgb(214, 214, 214);
    background: -moz-linear-gradient(90deg, rgb(214, 214, 214) 30%, rgb(130, 130, 130) 70%);
    background: -webkit-linear-gradient(90deg, rgb(214, 214, 214) 30%, rgb(130, 130, 130) 70%);
    background: -o-linear-gradient(90deg, rgb(214, 214, 214) 30%, rgb(130, 130, 130) 70%);
    background: -ms-linear-gradient(90deg, rgb(214, 214, 214) 30%, rgb(130, 130, 130) 70%);
    background: rgb(214, 214, 214);
    -webkit-box-shadow: 3px 4px 6px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    3px 4px 6px rgba(50, 50, 50, 0.75);
    box-shadow:         3px 4px 6px rgba(50, 50, 50, 0.75);
    margin-top: 0px;
}

 .buttonActiontin {
	color: rgb(0, 0, 0);
    font-size: 10px;
    padding: 5px;
    text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
    -webkit-border-radius: 29.18918918918919px;
    -moz-border-radius: 29.18918918918919px;
    border-radius: 29.18918918918919px;
    background: rgb(214, 214, 214);
    background: -moz-linear-gradient(90deg, rgb(214, 214, 214) 30%, rgb(130, 130, 130) 70%);
    background: -webkit-linear-gradient(90deg, rgb(214, 214, 214) 30%, rgb(130, 130, 130) 70%);
    background: -o-linear-gradient(90deg, rgb(214, 214, 214) 30%, rgb(130, 130, 130) 70%);
    background: -ms-linear-gradient(90deg, rgb(214, 214, 214) 30%, rgb(130, 130, 130) 70%);
    background: linear-gradient(0deg, rgb(214, 214, 214) 30%, rgb(130, 130, 130) 70%);
    -webkit-box-shadow: 3px 4px 6px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    3px 4px 6px rgba(50, 50, 50, 0.75);
    box-shadow:         3px 4px 6px rgba(50, 50, 50, 0.75)
}

.CSSTable{
	margin:0px 0px 90px 0px;
padding:0px;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #ffffff;
	
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
	
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
	
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
	
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-top-left-radius:10px;
}

.CSSTableinput{
	margin:0px;
	padding:3px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #ffffff;
	
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
	
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
	
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
	
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-top-left-radius:10px;
}

.CSSTablelogin{
	margin:0 143px 0 0;
	 
	
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #ffffff;
	
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
	
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
	
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
	
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-top-left-radius:10px;
}

.CSSTableRow
{
    background-color:AliceBlue;
     
    }