@charset "utf-8";
/* CSS Document */

body{
overflow: scroll;
margin:0 0;
background-color : Transparent ;
font-family:'Varela Round',Arial, Helvetica, sans-serif,"細明體";
font-size:13px;
letter-spacing:0.05em;
color:#666666;
text-align:justify;
}

.perheader
{
	font-family :'Varela Round',Arial, Helvetica, sans-serif,"細明體";
	font-size : 30px;
	color:#1f1f1f;
	padding-top : 5px;
}
.perinfo
{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
	border-width: 1px;
	border-color:#ccc;
	width:265px;
	height:30px;
}
.shortdesc
{
	font-family :'Varela Round',Arial, Helvetica, sans-serif,"細明體";
	font-size : 11px;
	color:#999999;
	padding-top : 5px;
	

}

.white{
color:#FFFFFF;
}

.footer{
color:#666666;
font-size:12px;
}

.date{
font-size:11px;
}

a:link,a:visited{
text-decoration:none;
color:#034EA2;
}
a:hover{
text-decoration:none;
color:#E3EDC0;
}

.dotted{
border: 2px dotted #16BFCD;
background-color:#FFFFFF; }

.subtitle{
font-size:20px;
font-weight:bold;
color:#034EA2 ;
}

.header_test
{
	border-width :0;
	font-size:25px;
	font-weight:bold;
	color:white ;
	background-color :#FFFFFF;
		
}

.welcome
{
	font-family :'Varela Round',Arial, Helvetica, sans-serif,"細明體";
	height: 60px;	
	font-weight: bold;
	font-size: 16px;
	padding:   0 175px;
	margin:   0px     0px  -17.5px -20px;
			
}

.navigation2 
{
	font-family :'Varela Round',Arial, Helvetica, sans-serif,"細明體";
		
	font-weight: bold;
	font-size: 12px;
	width: 600px;
	height: 60px;
	padding: 0 135px;
	margin: -12.5px  -175px -17.5px -20px;
	position: relative;
	
}

.navigation2 ul {
	display: inline-table;
	list-style-type: none
}
.navigation2 ul li {
	float: left;
	margin: 0 10px;
}
.navigation2 ul li:first-child {
	margin-left: 0px
}
.navigation2 ul li:last-child {
	margin-right: 0px
}

.header
{
	border-width :0;
	font-size:25px;
	font-weight:bold;
	color:white ;
	background-color : #01aa4e;
	
}

.gridheader,tr.gridheader,td.gridheader
{
	background-color :#01aa4e;
	color:white ;
}

.subtotal
{
	background-color :#034EA2;
	color:white ;
    width :220px ;
}

.gridfooter,tr.gridfooter,td.gridfooter
{
	background-color :transparent;
	color:white ;
   background-image :url(images/bar_total.png);
   
}
.gridrow,td.gridrow,tr.gridrow
{
	background-color :#e5e5e5 ;
	
}
.gridaltrow,td.gridaltrow,tr.gridaltrow
{
	background-color :#F7f7f7 ;
}

.blueText{
color:Black ;
}

.boldText{
font-weight:bold;
}

.contentbg{
background-color: Transparent ;
}

.main {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	font-family :'Varela Round',arial;
	font-size:13px;
}

.submain {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	font-family :'Varela Round',arial;
	font-size:13px;
}

.invoice {
	width: 800px;
	margin-top:45px;
	margin-right:50px;
	margin-bottom:45px;
	margin-left:50px;
	
}

.gridview
{
	font-family :'Varela Round',arial;
	font-size:13px;
}
.invsubheader
{
	font-weight :bold ;
	font-family :'Varela Round',,Arial ;
	font-size :20px;
}

.footer-girl {
	width: 220px;
	margin-left: -110px;
	position: absolute;
	left: 75%;
	z-index: 2;
	margin-top: -139px;
}


.redText{
color:#FF3300;
}

.lblmenuheader
{
	
	font-weight:bold; font-size: 16px; color:white; font-family:'Varela Round',, Helvetica,Arial ;
	font-style :italic ;
}

/*calendar*/
/*.main {
width:200px;
border:1px solid black;
}

.month {
background-color:black;
font:bold 12px verdana;
color:white;
}

.daysofweek {
background-color:gray;
font:bold 12px verdana;
color:white;
}

.days {
font-size: 12px;
font-family:verdana;
color:black;
background-color: lightyellow;
padding: 2px;
}

.days #today{
font-weight: bold;
color: red;
}*/

/* awesome button css start */
.btn_awesome,.btn_awesome:visited,.btn_awesome:link {
background:#222 url(images/alert-overlay.png) repeat-x;
display:inline-block;
color:#fff;
text-decoration:none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
border-bottom:1px solid rgba(0,0,0,0.25);
position:relative;
cursor:pointer;
padding:5px 10px 6px;
}

.btn_awesome:hover {
background-color:#111;
color:#fff;
}

.btn_awesome:active {
top:1px;
color: #fff;
}

.btn_small.btn_awesome,.btn_small.btn_awesome:visited {
font-size:11px;
}

.btn_awesome,.btn_awesome:visited,.btn_medium.btn_awesome,.btn_medium.btn_awesome:visited {
font-size:13px;
font-weight:700;
font-family :'Varela Round',Arial, Helvetica, sans-serif,"細明體";
line-height:1;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.btn_large.btn_awesome,.btn_large.btn_awesome:visited {
font-size:14px;
padding:8px 14px 9px;
}

.btn_green.btn_awesome,.btn_green.btn_awesome:visited {
background-color:#01aa4e ;
}

.btn_green.btn_awesome:hover {
background-color:#9201AA;
}

.btn_blue.btn_awesome,.btn_blue.btn_awesome:visited {
background-color:#007d9a;
}

.btn_blue.btn_awesome:hover {
background-color:#2daebf;
}

.btn_red.btn_awesome
{
background-image: url(images/ticketing_arrow_r.png);
background-position :right ;
background-repeat:no-repeat;

}

.btn_red.btn_awesome,.btn_red.btn_awesome:visited {
background-color:#FF0305;

}

.btn_red.btn_awesome:hover {
background-color:#D50000;
}

.btn_grey.btn_awesome,.btn_grey.btn_awesome:visited {
background-color:#999999;
}

.btn_grey.btn_awesome:hover {
background-color:#666;
}

.btn_magenta.btn_awesome,.btn_magenta.btn_awesome:visited {
background-color:#630030;
}

.btn_magenta.btn_awesome:hover {
background-color:#a9014b;
}

.btn_orange.btn_awesome,.btn_orange.btn_awesome:visited {
background-color:#d45500;
}

.btn_orange.btn_awesome:hover {
background-color:#ff5c00;
}

.btn_yellow.btn_awesome,.btn_yellow.btn_awesome:visited {
background-color:#fc9200;
}
.btn_yellow.btn_awesome:hover{ 
background-color: #ffb515; 
}
/*button css end */

/* Navigation */
.navigation { margin: 0px; padding: 0px; float: left; width: 800px;height:30px }
.navigation ul { margin: 0px; padding: 0px; float: right;list-style-type: none }
.navigation ul li { float: left; margin: 0px; padding: 0px; text-align: center;list-style-type: none }
.navigation ul li a { display: block; height: 32px; color: #461b6b; margin: 0px; padding: 0px 20px; background: url(images/nav_spr.gif) no-repeat left; font-size: 13px; line-height: 32px; font-weight: bold; float: left; list-style-type: none}
.navigation ul li a:hover { text-decoration: none; color: #CC3300; }
.navigation ul li.first a { background: none; }
.navigation ul li.last a { background: none; }
.hd_wrapper { margin: 0px auto; padding: 0px; width: 900px; height: 154px; background: #FFFFFF; }
.clr { clear:both; margin: 0; padding: 0; }

/* Login Navigation */
.loginnavigation { margin: 0px; padding: 0px; float: left; width: 270px;height:30px }
.loginnavigation ul { margin: 0px; padding: 0px; float: right;list-style-type: none }
.loginnavigation ul li { float: left; margin: 0px; padding: 0px; text-align: center;list-style-type: none }
.loginnavigation ul li a { display: block; height: 32px; color: #461b6b; margin: 0px; padding: 0px 20px; background: url(images/nav_spr.gif) no-repeat left; font-size: 13px; line-height: 32px; font-weight: bold; float: left; list-style-type: none}
.loginnavigation ul li a:hover { text-decoration: none; color: #CC3300; }
.loginnavigation ul li.first a { background: none; }
.loginnavigation ul li.last a { background: none; }

/*** Footer ***/
#footer { margin: 0; padding: 0; font-size: 12px; }
#footer .ft_wrapper { margin: 0px auto; padding: 10px 0px; width: 900px; background: #FFFFFF; color: #666666; }
#footer .powered { float:left; margin-left: 10px; }
#footer .ftlink { float: right; width: 520px; height: 85px; padding: 0 0 0 20px; background: url(images/shadow_ft.jpg) no-repeat left; }
#footer .ftlink ul { float:left; margin: 0; padding: 0; width: 100%;list-style-type: none  }
#footer .ftlink ul li { float: left; margin: 0; padding: 0 10px 0 15px; background: url(images/link_dot.gif) no-repeat left ; line-height: 18px; list-style-type: none }
#footer .ftlink ul li a { color: #034EA2; list-style-type: none }
#footer .ftlink ul li.nodot { background: none; padding: 0 10px 0 0; }
#footer .ftlink ul li.br { clear: left; }


/*button with hyperlink effect*/
.btn_link,.btn_link:visited,.btn_link:link 
{
	background-color :Transparent ; 
	cursor:pointer;
	border-style:none;
	border-width :0;
	color:White ;
	
}

.btn_link:hover {
color:#91bd09;
background-color :Transparent ; 
}

.btnlogout_link,.btnlogout_link:visited,.btnlogout_link:link 
{
	background-color :Transparent ; 
	cursor:pointer;
	border-style:none;
	border-width :0;
	color:#461b6b ;
	font-size: 13px; line-height: 32px; font-weight: bold; 
}

.btnlogout_link:hover {
color:#CC3300;
background-color :Transparent ; 
font-size: 13px; line-height: 32px; font-weight: bold; 
}



.footerColor
{
	background-color:#FAE6AA ;
}



td.RowColor,td.TableColor
{
	background-color:#FAE6AA;
}

.calendarheader
{
	background-color:#034EA2;
	}
	
td.depthColor
{
	background-color:#034EA2;
	}
	
td.altColor
{
	background-color:#e5e5e5;
	}
.detail{
font-size:11px;
font-family :Arial;
}

.detsumhead{
font-size:11px;
font-weight:bold;
font-family :Arial;
}

.sumheader{
font-size:15px;
font-weight:bold;
font-family :Arial;
}

.gridheader
{
	background-color :#e5e5e5;
	color:black ;
	font-family :Arial ;
	font-weight :bold;
	font-size :12px;
}

.gridfooter
{
	background-color :#f2f2f2;
	color:black ;
	font-family :Arial ;
	font-weight :bold;
	font-size :12px;
}


.gridrow,td.gridrow,tr.gridrow
{
	background-color :white ;
    color:#333333;
    font-family :Arial ;
	font-size :12px;
	height:30px;
}