/* CSS Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
		vertical-align: baseline;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}/*
	Tabs CSS
*/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
	
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 10px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	text-shadow:-1px -1px 0px #F0F0F0;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
	background:#fff url(/css/v1/images/bg_form.jpg) repeat-x left top;
	
}

/*Tab Content CSS*/
.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; 
	width: 100%;
	background-color:Transparent;
	margin:0px;
	padding:0px;
}
.tab_content {
	padding: 0;
	font-size:100%;
}

.tabs-scroll-button {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #d0d0d0;	
}
.tabs-scroll-button-forward {
	/*border-left: none;*/
}
.tabs-scroll-button-backward {
	/*border-right: none;*/
}
.tabs-scroll-button a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0px 3px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	text-shadow:-1px -1px 0px #F0F0F0;	
	font-family:Arial;
}
.tabs-scroll-button a.disabled {
	color: #ccc;
	cursor:default;
	padding: 3px 3px;
}
html .tabs-scroll-button a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
	background:#fff url(/css/v1/images/bg_form.jpg) repeat-x left top;
	
}
/*
<div id="tabs">
    <ul class="tabs">
        <li><a href="#tab1">Gallery</a></li>
        <li><a href="#tab2">Submit</a></li>
    </ul>
    <div class="tab_container">
        <div id="tab1" class="tab_content">
            <!--Content-->
            abc
        </div>
        <div id="tab2" class="tab_content">
           <!--Content-->
           def
        </div>
    </div>
</div>
*/

/*
.vtabs 
{
	list-style:none outside; 
	font-size:100%; 
	line-height:140%; 
	margin:10px 0px;
}
.vtabs li
{
	list-style:none outside;  
    margin:0;padding:0;
          
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-bottomleft: 5px; 
	-webkit-border-top-left-radius: 5px; 	
	-webkit-border-bottom-left-radius: 5px;
	border-top-left-radius: 5px; 	
	border-bottom-left-radius: 5px;          
}
.vtabs li a{
	color:#222; 
	text-decoration:none;
	text-shadow:-1px -1px 0px #F0F0F0; 
	display:block;
	padding:10px 5px;
	margin:0;
}
*/
/*
.vtabs li.selected{background:transparent url(/css/v1/images/bg-itemlist-selected.png) no-repeat right top;text-shadow:-1px -1px 0px #F0F0F0}
.vtabs li:hover,.vtabs li.over{background:transparent url(/css/v1/images/bg-itemlist-over.png) no-repeat right top;}
*/
/*
.vtabs li.selected
{
	position:relative; left:1px;top:0px;
	background-color:#fff;
	border:1px solid #ccc; border-right:1px solid #fff;
}
.vtabs li:hover,.vtabs li.over{background:#efefef;}
.vtabs li ol.vtabs-sub-item {margin:0px;margin-left:20px;padding:0px; }
.vtabs li ol.vtabs-sub-item li {
	list-style:none outside;
    margin-left:20px;padding-left:5px; 
    list-style-image:url(/css/v1/images/icon_rsnextg16.png); 
    line-height:120%;  margin-left:10px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
}
.vtabs li ol.vtabs-sub-item li a{margin:0px;}
.vtabs li ol.vtabs-sub-item li:hover,.vtabs ol.vtabs-sub-item .vtabs li.over{background:#cdcdcd;}
.vtabs li ol.vtabs-sub-item li.selected {
	background-color:#999;
	-moz-box-shadow: inset 0 0 5px #888;
	-webkit-box-shadow: inset 0 0 5px#888;
	box-shadow: inset 0 0 5px #888;                                         
}
.vtabs li ol.vtabs-sub-item li.selected a
{
	text-shadow:1px 1px 0px #666; 
	color:#fff; 
	margin:0;padding:0;
}

.vtabs-content h2{margin:5px 0px 8px 0px;padding:0; width:100%;}
.vtabs-content ul { list-style:disc outside; margin:0px; padding:0px;}
.vtabs-content ul li { list-style-type:disc; margin-left:20px;}
.vtabs-content ul li li { list-style-type:circle; margin-left:20px;}
.vtabs-content li{list-style:disc outside ;line-height:120%; vertical-align:text-bottom;}
.vtabs-content ol { list-style:decimal outside; margin:0px 0px 0px 10px; padding:0px;}
.vtabs-content ol li { list-style-type:decimal; margin-left:20px;}
.vtabs-content ol ul li { list-style-type:disc; margin-left:20px;}
.vtabs-content ol ul li li{ list-style-type:circle; margin-left:20px;}
*/#navtabs {
	width: 910px; margin: 0 auto 0 auto;
}
#navtabs .tabs-content {
	width: 910px;
	background: #fefefe;
	padding: 0 0 50px 0;
	margin: 0 auto;
} 

ul#tabs {
	height: 36px;
	/*padding: 20px 20px 0 30px;*/
	padding:0px;
	width: 904px;
	margin: 10px auto 0px auto;
	position: relative;
	overflow: hidden;
	list-style: none;
}
ul#tabs li {

	float: left;
	width: 168px;
	min-width:30px;
	margin: 0 0 0 2px;
	background-color: #2B477D;
	border: solid 1px #415F9D;
	position: relative;
	z-index: 1;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
		
	-webkit-box-shadow:  0 3px 6px -1px #111;
	-moz-box-shadow: 0 3px 6px -1px #111;
	box-shadow: 0 3px 6px -1px #111;	
}
ul#tabs li.selected {
	z-index: 3;
}
ul#tabs li.spacer {
	border: none;
	background: none;
	width:10px;
}
ul#tabs li.shadow {
	margin:0;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: -1px;
	left: 0;
	border: none;
	background: none;
	z-index: 2;
	-webkit-box-shadow:  0 -1px 6px rgba(1,1,1,.5);
	-moz-box-shadow:0 -1px 6px rgba(1,1,1,.5);
	box-shadow: 0 -1px 6px rgba(1,1,1,.5);
	/*border-top:2px solid #415F9D;*/
}
ul#tabs li a:link, ul#tabs li a:visited {

	display: block;
	text-align: center;
	padding:0px 10px;
	width: auto;
	min-width:30px;
	height: 40px;
	line-height: 36px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;
	outline: none;
	float: left;
	background: #2B477D;

	-webkit-transition: background-color 0.3s linear;
	-moz-transition: background-color 0.3s linear;
	-o-transition: background-color 0.3s linear;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}

ul#tabs li a:hover {
	background-color: #5a87dd;
}
ul#tabs li.selected a:link, ul#tabs li.selected a:visited {
	color: #2B477D;
	border: solid 1px #fff; border-bottom:0px;
	-webkit-transition: background-color 0.2s linear;
	background: -moz-linear-gradient(top center, #d1d1d1, #fefefe 80%) repeat scroll 0 0 #fefefe;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(.2, #fefefe),color-stop(.8, #d1d1d1));
	background-color: #fefefe;
}

/*orange*/
ul#tabs.orange li{
	background-color:#FF9900;
	border: solid 1px #FFCC66;
}
ul#tabs li.shadow {
	width:100%;
}
ul#tabs.orange li a:link, ul#tabs.orange li a:visited {
	color:#330000;
	background-color:#FFCC00;
	
}
ul#tabs.orange li a:hover {
	background-color:#FF9900;
}
ul#tabs.orange li.selected a:link, ul#tabs.orange li.selected a:visited {
	color:#330000;
	border: solid 1px #FFCC66;
	-webkit-transition: background-color 0.2s linear;	
	background: -moz-linear-gradient(top center, #FFCC66, #fefefe 80%) repeat scroll 0 0 #fefefe;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(.2, #fefefe),color-stop(.8, #FFCC66));
	background-color: #fefefe;	
}

/*blue*/
ul#tabs.blue li{
	background-color: #2B477D;
	border: solid 1px #415F9D;
}
ul#tabs.blue li a:link, ul#tabs.blue li a:visited {
	color:#fff;
	background-color:#2B477D;
}
ul#tabs.blue li a:hover {
	background-color:#5a87dd;
}
ul#tabs.blue li.selected a:link, ul#tabs.blue li.selected a:visited {
	color:#2B477D;
}
ul#tabs.blue li.selected a:link, ul#tabs.blue li.selected a:visited {
	color:#330000;
	border: solid 1px #fff;
	-webkit-transition: background-color 0.2s linear;
	background: -moz-linear-gradient(top center, #d1d1d1, #fefefe 80%) repeat scroll 0 0 #fefefe;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(.2, #fefefe),color-stop(.8, #d1d1d1));
	background-color: #fefefe;
}


/*green*/
ul#tabs.green li{
	background-color:#00CC00;
	border: solid 1px #009900;
}
ul#tabs.green li a:link, ul#tabs.green li a:visited {
	color:#003300;
	background-color:#00CC00;
}
ul#tabs.green li a:hover {
	background-color:#006600;
}
ul#tabs.green li.selected a:link, ul#tabs.green li.selected a:visited {
	color:#003300;
}
ul#tabs.green li.selected a:link, ul#tabs.green li.selected a:visited {
	color:#330000;
	border: solid 1px #009900;
	-webkit-transition: background-color 0.2s linear;
	background: -moz-linear-gradient(top center, #d1d1d1, #fefefe 80%) repeat scroll 0 0 #fefefe;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(.2, #fefefe),color-stop(.8, #d1d1d1));
	background-color: #00CC00;
}/*tables*/
table.table-default {width:auto;border:1px solid #aaa; margin:0px;}
table.table-default td,table.table-default th{border-right:1px solid #aaa;border-bottom:1px solid #ddd;padding:5px;}
table.table-default th{ background-color:#ccc; color:#222;border-bottom:1px solid #aaa;}
table.table-default tr.over,table.table-default tr:hover{background-color:#efefef;}
table.table-default tr.selected {background-color:#999;}

table.table-main { width:auto; margin:0px; padding:0px;border:0px;}
table.table-main tr:hover{background-color:transparent;}
table.table-main td,table.table-main th {background-color:transparent; margin:0px; padding:0px;}
table.table-main td{ vertical-align:top;}

table.table-blank { width:auto; margin:0px;padding:0px; border:0px;}
table.table-blank tr:hover{background-color:transparent;}
table.table-blank td,table.table-blank th {background-color:transparent; margin:0px;padding:0px;border:0px;}
table.table-blank td{ vertical-align:top;}

table.table-grey {width:auto;border:1px solid #aaa; margin:0px;}
table.table-grey td,table.table-grey th{border-right:1px solid #aaa;border-bottom:1px solid #ddd;padding:5px;}
table.table-grey th{ background-color:#ccc; color:#222;border-bottom:1px solid #aaa;}
table.table-grey tr.over,table.table-grey tr:hover{background-color:#efefef;}
table.table-grey tr.selected {background-color:#999;}

table.table-orange {width:auto;border:1px solid #FF9900;margin:0px;}
table.table-orange td,table.table-orange th{border-right:1px solid #FF9900;border-bottom:1px solid #FF9900; padding:5px;}
table.table-orange th{ background-color:#FFBD5B;color:#660000;border-bottom:1px solid #FF9900;}
table.table-orange tr.over,table.table-orange tr:hover{background-color:#FFE7C1;}
table.table-orange tr.selected {background-color:#FF9900;}

table.table-blue {width:auto;border:1px solid #4BACC6;margin:0px;}
table.table-blue td,table.table-blue th{border-right:1px solid #4BACC6;border-bottom:1px solid #4BACC6;padding:5px;}
table.table-blue th{ background-color:#8BCADA; color:#222;border-bottom:1px solid #4BACC6;}
table.table-blue tr.over,table.table-blue tr:hover{background-color:#D2EAF0;}
table.table-blue tr.selected {background-color:#4BACC6;}

table.table-purple {width:auto;border:1px solid #8064A2; margin:0px;}
table.table-purple td,table.table-light-blue th{border-right:1px solid #8064A2;border-bottom:1px solid #8064A2;padding:5px;}
table.table-purple th{ background-color:#A695BF; color:#222;border-bottom:1px solid #8064A2;}
table.table-purple tr.over,table.table-purple  tr:hover{background-color:#DFD9E8;}
table.table-purple tr.selected {background-color:#8064A2;}

table.table-lightblue {width:auto;border:1px solid #B4D9F4; margin:0px;}
table.table-lightblue td,table.table-light-blue th{border-right:1px solid #B4D9F4;border-bottom:1px solid #B4D9F4;padding:5px;}
table.table-lightblue th{ background-color:#D1E8F8; color:#222;border-bottom:1px solid #B4D9F4;}
table.table-lightblue tr.over,table.table-light-blue tr:hover{background-color:#eee;}
table.table-lightblue tr.selected {background-color:#B4D9F4;}

table.table-red {width:auto;border:1px solid #C0504D; margin:0px;}
table.table-red td,table.table-red th{border-right:1px solid #C0504D;border-bottom:1px solid #C0504D;padding:5px;}
table.table-red th{ background-color:#D38785; color:#222;border-bottom:1px solid #C0504D;}
table.table-red tr.over,table.table-red tr:hover{background-color:#F0D8D7;}
table.table-red tr.selected {background-color:#C0504D;}

table.table-green {width:auto;border:1px solid #E9F4B0; margin:0px;}
table.table-green td,table.table-green th{border-right:1px solid #E9F4B0;border-bottom:1px solid #E9F4B0;padding:5px;}
table.table-green th{ background-color:#A8CA86; color:#222;border-bottom:1px solid #76923C;}
table.table-green tr.over,table.table-green tr:hover{background-color:#D9E4C0;}
table.table-green tr.selected {background-color:#76923C;}


.dg {width:auto;border:1px solid #aaa; margin:0px;}
.dg td,.dg th{border-right:1px solid #aaa;border-bottom:1px solid #ddd;padding:5px;}
.dg th{ background-color:#ccc; color:#222;border-bottom:1px solid #aaa;}
.dg th a img{float:left;}
.dg th a,.dg th a:visited,.dg th a:link{color:#eee;}
.dg th a:hover{color:#fff;}
.dg tr.over,.dg tr:hover{background-color:#efefef;}
.dg tr.selected {background-color:#999;}

.dg.blue {width:auto;border:1px solid #d9eaf4;margin:0px;}
.dg.blue td,.dg.blue th{border-right:1px solid #d9eaf4;border-bottom:1px solid #d9eaf4;padding:5px;}
.dg.blue th{ background-color:#335e8b; color:#fff;border-bottom:1px solid #d9eaf4;}
.dg.blue th a img{float:left;}
.dg.blue th a,.dg.blue th a:visited,.dg.blue th a:link{color:#eee;}
.dg.blue th a:hover{color:#fff;}
.dg.blue tr.over,.dg.blue tr:hover{background-color:#e6eff4;}
.dg.blue tr.selected {background-color:#cde6f4;}

.dg.darkgray {width:auto;border:1px solid #666; margin:0px;}
.dg.darkgray td,.dg.darkgray th{border-right:1px solid #666;border-bottom:1px solid #666;padding:5px;}
.dg.darkgray th{ background-color:#222; color:#eee;border-bottom:1px solid #666;}
.dg.darkgray th a img{float:left;}
.dg.darkgray th a,.dg.darkgray th a:visited,.dg.darkgray th a:link{color:#eee;}
.dg.darkgray th a:hover{color:#fff;}
.dg.darkgray tr.over,.dg.darkgray tr:hover{background-color:#efefef;}
.dg.darkgray tr.selected {background-color:#999;}/* Corner radius */

.corner-tl { 
	-moz-border-radius-topleft: 5px; 
	-webkit-border-top-left-radius: 5px; 
	border-top-left-radius: 5px;
	 
}
.corner-tr { 
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}
.corner-bl { 
	-moz-border-radius-bottomleft: 5px; 
	-webkit-border-bottom-left-radius: 5px;
}
.corner-br { 
	-moz-border-radius-bottomright: 5px; 
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.corner-top { 
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px;	
}
.corner-bottom { 
	-moz-border-radius-bottomleft: 5px; 
	-moz-border-radius-bottomright: 5px; 	
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
	border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; 	
}
.corner-right {  
	-moz-border-radius-topright: 5px; 
	-moz-border-radius-bottomright: 5px; 	
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
	border-top-right-radius: 5px; 
	border-bottom-right-radius: 5px; 	
}
.corner-left { 
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-bottomleft: 5px; 
	-webkit-border-top-left-radius: 5px; 	
	-webkit-border-bottom-left-radius: 5px;
	border-top-left-radius: 5px; 	
	border-bottom-left-radius: 5px;
}
.corner-all { 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	
}
.corner {
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	
}

/* shadow */
.ie-shadow {
   	background-color: rgb(68,68,68); /* Needed for IEs */
		filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;

}
.ie-shadow .ie-wrapper{position: relative;}
.shadow {
	-webkit-box-shadow: 0px 0px 2px #888 ;
	-moz-box-shadow: 0px 0px 2px #888 ;
	box-shadow: 0px 0px 2px #888 ;
	
}
.shadow-bottom {
	-webkit-box-shadow: 0px 2px 2px #888;
	-moz-box-shadow: 0px 2px 2px #888;
	box-shadow: 0px 2px 2px #888;
	 
}
.shadow-top {
	-webkit-box-shadow: 0px -2px 2px #888;
	-moz-box-shadow: 0px -2px 2px #888;
	box-shadow: 0px -2px 2px #888;
	 
}
.shadow-right {
	-webkit-box-shadow: 2px 0px 2px #888;
	-moz-box-shadow: 2px 0px 2px #888;
	box-shadow: 2px 0px 2px #888;
	 
}
.shadow-left {
	-webkit-box-shadow: -2px 0px 2px #888;
	-moz-box-shadow: -2px 0px 2px #888;
	box-shadow: -2px 0px 2px #888;
	 
}
.shadow-tl {
	-webkit-box-shadow: -2px -2px 2px #888;
	-moz-box-shadow: -2px -2px 2px #888;
	box-shadow: -2px -2px 2px #888;
	 
}
.shadow-tr {
	-webkit-box-shadow: 2px -2px 2px #888;
	-moz-box-shadow: 2px -2px 2px #888;
	box-shadow: 2px -2px 2px #888;
	 
}
.shadow-bl {
	-webkit-box-shadow: 2px 2px 2px #888;
	-moz-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
	 
}
.shadow-br {
	-webkit-box-shadow: 2px 2px 2px #888;
	-moz-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
	 
}

.shadow-inset-light{
	-moz-box-shadow: inset 0 0 2px #888;
	-webkit-box-shadow: inset 0 0 2px #888;
	box-shadow: inner 0 0 2px #888;
}

.shadow-inset{
	-moz-box-shadow: inset 0 0 2px 2px #888;
	-webkit-box-shadow: inset 0 0 2px 2px #888;
	box-shadow: inset 0 0 2px 2px #888;
}


/*border shadow*/
.border-shadow {background-image:Transparent url(/images/border-shadow.png);}
.border-up-shadow {background:url(/images/border-up-shadow.png) repeat-x left bottom;}
.border-down-shadow {background:url(/images/border-down-shadow.png) repeat-x left top;}
.border-left-shadow {background:url(/images/border-right-shadow.png) repeat-y left top;}
.border-right-shadow {background:url(/images/border-left-shadow.png) repeat-y left top;}
.border-inset-up-shadow {background:url(/images/border-down-shadow.png) repeat-x left top;}
.border-inset-down-shadow {background:url(/images/border-up-shadow.png) repeat-x left top;}
.border-inset-left-shadow {background:url(/images/border-right-shadow.png) repeat-y left top;}
.border-inset-right-shadow {background:url(/images/border-left-shadow.png) repeat-y left top;}

.shadowtext-dark { text-shadow:#444 0px 1px  0px ; }
.shadowtext-white { text-shadow:#FFF 0px 1px  0px ; }

.pshadow-l {background:url(/css/v1/images/pshadow-l.png) repeat-y right top; height:2px}
.pshadow-r {background:url(/css/v1/images/pshadow-r.png) repeat-y left top; height:2px}
.pshadow-t {background:url(/css/v1/images/pshadow-t.png) repeat-x left bottom; height:2px}
.pshadow-b {background:url(/css/v1/images/pshadow-b.png) repeat-x left top; height:2px}/*Gradient*/
.gradient-gray-up {
	position:relative;
	background: #6C6D69;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6C6D69), to(#000000));
	background: -moz-linear-gradient(#6C6D69, #000000);
	-pie-background: linear-gradient(#6C6D69, #000000);	
	
}
.gradient-gray-dw {
	position:relative;
	background: #6C6D69;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#000000), to(#6C6D69));
	background: -moz-linear-gradient(#000000, #6C6D69);
	-pie-background: linear-gradient(#000000, #6C6D69);	
	
}
.gradient-lightgray-up {
	position:relative;
	background: #efefef;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#aaaaaa));
	background: -moz-linear-gradient(#ffffff, #aaaaaa);
	-pie-background: linear-gradient(#ffffff, #aaaaaa);	
	
}
.gradient-lightgray-dw {
	position:relative;
	background: #efefef;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#aaaaaa), to(#ffffff));
	background: -moz-linear-gradient(#aaaaaa, #ffffff);
	-pie-background: linear-gradient(#aaaaaa,#ffffff );	
	
}

/*ICONS*/
.icon {margin:0px;padding:0px; width:18px; display:inline-block; background-repeat:no-repeat; background-position:left center;}
.icon-home {background-image:url(/css/v1/images/icon_homeg.gif);}
.icon-play {background-image:url(/css/v1/images/icon-play16.png);}
.icon-plus {background-image:url(/css/v1/images/icon-gplus16.gif);}
.icon-plus-blue {background-image:url(/css/v1/images/icon-bplus16.png);}
.icon-upload {background-image:url(/css/v1/images/icon-upload16.png); }
.icon-logout {background-image:url(/css/v1/images/icon-logout16.png); }
.icon-cancel {background-image:url(/css/v1/images/icon-delete16.gif); }
.icon-help {background-image:url(/css/v1/images/icon-help16.png); }
.icon-question {background-image:url(/css/v1/images/icon-question16.png); }
.icon-contact {background-image:url(/css/v1/images/icon-contact16.png); }
.icon-refresh {background-image:url(/css/v1/images/icon-refresh16.png); }
.icon-ok {background-image:url(/css/v1/images/icon-tick16.png); }
.icon-tick {background-image:url(/css/v1/images/icon-tick16.png); }
.icon-cross {background-image:url(/css/v1/images/icon-delete16.gif); }
.icon-yes {background-image:url(/css/v1/images/icon-tick16.png); }
.icon-no {background-image:url(/css/v1/images/icon-delete16.gif); }
.icon-save {background-image:url(/css/v1/images/icon-save16.png); }
.icon-search {background-image:url(/css/v1/images/icon-search16.png); }
.icon-newdoc {background-image:url(/css/v1/images/icon-adddoc16.png); }
.icon-reset {background-image:url(/css/v1/images/icon-reset.gif); }
.icon-delete {background-image:url(/css/v1/images/icon-delete16.gif); }
.icon-edit {background-image:url(/css/v1/images/icon-edit16.gif); }
.icon-calendar {background-image:url(/css/v1/images/icon-calendar16.jpg); }
.icon-key {background-image:url(/css/v1/images/icon-key16.gif); }
.icon-man {background-image:url(/css/v1/images/icon-man16.gif); }
.icon-foward {background-image:url(/css/v1/images/icon-forward16.gif); }
.icon-go {background-image:url(/css/v1/images/icon-go16.gif); }
.icon-galert {background-image:url(/css/v1/images/icon-alertgray16.gif); }
.icon-info {background-image:url(/css/v1/images/icon-info16.gif); }
.icon-new {background-image:url(/css/v1/images/icon-newlabel.gif); }
.icon-setting {background-image:url(/css/v1/images/icon-settings16.png); }
.icon-setting-gray {background-image:url(/css/v1/images/icon-settinggray16.png); }
.icon-required {background-image:url(/css/v1/images/icon_required16.png); }
.icon-eye {background-image:url(/css/v1/images/icon_eye16.png); }
.icon-exclamation {background-image:url(/css/v1/images/icon-exclamation16.png); }
.icon-information {background-image:url(/css/v1/images/icon-infor16.png); }
.icon-star {background-image:url(/css/v1/images/icon-star16.png);}
.icon-undefine {background-image:url(/css/v1/images/icon-reset.png);}

.icon-tip-dark-larrow {background-image:url(/css/v1/images/tip/tip-larrow.gif); }
.icon-tip-dark-rarrow {background-image:url(/css/v1/images/tip/tip-rarrow.gif); }
.icon-tip-dark-tarrow {background-image:url(/css/v1/images/tip/tip-tarrow.gif); }
.icon-tip-dark-barrow {background-image:url(/css/v1/images/tip/tip-barrow.gif); }
.icon-tip-red-larrow {background-image:url(/css/v1/images/tip/tip-red-larrow.gif); }
.icon-tip-red-rarrow {background-image:url(/css/v1/images/tip/tip-red-rarrow.gif); }
.icon-tip-red-tarrow {background-image:url(/css/v1/images/tip/tip-red-tarrow.gif); }
.icon-tip-red-barrow {background-image:url(/css/v1/images/tip/tip-red-barrow.gif); }

.icon-larrow {background-image:url(/css/v1/images/icon-arrow-left16.gif); }
.icon-rarrow {background-image:url(/css/v1/images/icon-arrow-right16.gif); }
.icon-uarrow {background-image:url(/css/v1/images/icon-arrow-up16.gif); }
.icon-darrow {background-image:url(/css/v1/images/icon-arrow-down16.gif); }

.icon-light {background-image:url(/css/v1/images/icon-light16.gif); }
.icon-adduser {background-image:url(/css/v1/images/icon-adduser16.gif); }


.icon-rsprev {background-image:url(/css/v1/images/icon_rsprev16.png); }
.icon-rsnext {background-image:url(/css/v1/images/icon_rsnext16.png); }
.icon-rsfirst {background-image:url(/css/v1/images/icon_rsfirst16.png); }
.icon-rslast {background-image:url(/css/v1/images/icon_rslast16.png); }

/*document types*/
.icon-xls {background-image:url(/css/v1/images/icon-xls16.png); }
.icon-ppt {background-image:url(/css/v1/images/icon-ppt16.png); }
.icon-doc {background-image:url(/css/v1/images/icon-doc16.png); }
.icon-pdf {background-image:url(/css/v1/images/icon-pdf16.png); }
.icon-pic {background-image:url(/css/v1/images/icon-pic16.png); }
.icon-music {background-image:url(/css/v1/images/icon-music16.png); }
.icon-video {background-image:url(/css/v1/images/icon-film16.png); }
.icon-html {background-image:url(/css/v1/images/icon-html16.png);}
.icon-flash {background-image:url(/css/v1/images/icon-flash16.png); }
.icon-zip {background-image:url(/css/v1/images/icon-zip16.png); }

/*flags*/
.icon-flag-china {background-image:url(/css/v1/images/flag-cn.png); }
.icon-flag-uk {background-image:url(/css/v1/images/flag-gb.png); }
.icon-flag-hongkong {background-image:url(/css/v1/images/flag-hk.png); }
.icon-flag-macao {background-image:url(/css/v1/images/flag-mo.png); }
.icon-flag-singapore {background-image:url(/css/v1/images/flag-sg.png); }

/*ToolTips*/
/*black*/
.btips-black {
	position: relative; 
	background: #222; 
	color: #fff; 
	padding: 5px; 
	margin-bottom: 5px;
    box-shadow: 0px 1px 5px rgba(9,9,9,0.5); 
    -moz-box-shadow: 0px 1px 5px rgba(9,9,9,0.5); 
    -webkit-box-shadow: 0px 1px 5px rgba(9,9,9,0.5); 
}
.btips-black span.tri-top-left{
	position: absolute; left: 6px; top: -12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:    dashed dashed solid  dashed;
    border-color:    transparent transparent #222 transparent;
}
.btips-black span.tri-top-right{
	position: absolute; right: 6px; top: -12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:  dashed dashed solid dashed;
    border-color:   transparent transparent #222 transparent;
}      	
.btips-black span.tri-bottom-left{
	position: absolute; left: 6px; bottom:-12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed ;
    border-color:#222 transparent  transparent  transparent ;
}  
.btips-black span.tri-bottom-right{
	position: absolute; right: 6px; bottom:-12px;; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed ;
    border-color:#222 transparent  transparent  transparent ;
}       	      	   	
.btips-black span.tri-left-top{
	position: absolute; left: -12px; top: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed ;
    border-color: transparent #222 transparent  transparent ;
}
.btips-black span.tri-left-bottom{
	position: absolute; left: -12px; bottom: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed ;
    border-color: transparent #222 transparent  transparent ;
}
.btips-black span.tri-right-top{
	position: absolute; right: -12px; top: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent #222;
}  
.btips-black span.tri-right-bottom{
	position: absolute; right: -12px; bottom: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent #222;
}
/*green*/
.btips-green {
	position: relative; 
	background: green; 
	color: #fff; 
	padding: 5px; 
	margin-bottom: 5px;
    box-shadow: 0px 1px 5px #999; 
    -moz-box-shadow: 0px 1px 5px #999; 
    -webkit-box-shadow: 0px 1px 5px #999; 
}
.btips-green span.tri-top-left{
	position: absolute; left: 6px; top: -12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent green transparent;
}
.btips-green span.tri-top-right{
	position: absolute; right: 6px; top: -12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent green transparent;
}      	
.btips-green span.tri-bottom-left{
	position: absolute; left: 6px; bottom:-12px;; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed ;
    border-color:green transparent  transparent  transparent ;
}  
.btips-green span.tri-bottom-right{
	position: absolute; right: 6px; bottom:-12px;; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed ;
    border-color:green transparent  transparent  transparent ;
}       	      	   	
.btips-green span.tri-left-top{
	position: absolute; left: -12px; top: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed ;
    border-color: transparent green transparent  transparent ;
}
.btips-green span.tri-left-bottom{
	position: absolute; left: -12px; bottom: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed ;
    border-color: transparent green transparent  transparent ;
}
.btips-green span.tri-right-top{
	position: absolute; right: -12px; top: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent green;
}  
.btips-green span.tri-right-bottom{
	position: absolute; right: -12px; bottom: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent green;
}
/*blue*/
.btips-blue {
	position: relative; 
	background: blue; 
	color: #fff; 
	padding: 5px; 
	margin-bottom: 5px;
    box-shadow: 0px 1px 5px #999; 
    -moz-box-shadow: 0px 1px 5px #999; 
    -webkit-box-shadow: 0px 1px 5px #999; 
}
.btips-blue span.tri-top-left{
	position: absolute; left: 6px; top: -12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent blue transparent;
}
.btips-blue span.tri-top-right{
	position: absolute; right: 6px; top: -12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent blue transparent;
}      	
.btips-blue span.tri-bottom-left{
	position: absolute; left: 6px; bottom:-12px;; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed ;
    border-color:blue transparent  transparent  transparent ;
}  
.btips-blue span.tri-bottom-right{
	position: absolute; right: 6px; bottom:-12px;; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed ;
    border-color:blue transparent  transparent  transparent ;
}       	      	   	
.btips-blue span.tri-left-top{
	position: absolute; left: -12px; top: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed ;
    border-color: transparent blue transparent  transparent ;
}
.btips-blue span.tri-left-bottom{
	position: absolute; left: -12px; bottom: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed ;
    border-color: transparent blue transparent  transparent ;
}
.btips-blue span.tri-right-top{
	position: absolute; right: -12px; top: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent blue;
}  
.btips-blue span.tri-right-bottom{
	position: absolute; right: -12px; bottom: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent blue;
}
/*orange*/
.btips-orange {
	position: relative; 
	background: orange; 
	color: #fff; 
	padding: 5px; 
	margin-bottom: 5px;
    box-shadow: 0px 1px 5px #999; 
    -moz-box-shadow: 0px 1px 5px #999; 
    -webkit-box-shadow: 0px 1px 5px #999; 
}
.btips-orange span.tri-top-left{
	position: absolute; left: 6px; top: -12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent orange transparent;
}
.btips-orange span.tri-top-right{
	position: absolute; right: 6px; top: -12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent orange transparent;
}      	
.btips-orange span.tri-bottom-left{
	position: absolute; left: 6px; bottom:-12px;; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed ;
    border-color:orange transparent  transparent  transparent ;
}  
.btips-orange span.tri-bottom-right{
	position: absolute; right: 6px; bottom:-12px;; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed ;
    border-color:orange transparent  transparent  transparent ;
}       	      	   	
.btips-orange span.tri-left-top{
	position: absolute; left: -12px; top: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed ;
    border-color: transparent orange transparent  transparent ;
}
.btips-orange span.tri-left-bottom{
	position: absolute; left: -12px; bottom: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed ;
    border-color: transparent orange transparent  transparent ;
}
.btips-orange span.tri-right-top{
	position: absolute; right: -12px; top: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent orange;
}  
.btips-orange span.tri-right-bottom{
	position: absolute; right: -12px; bottom: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent orange;
}
/*red*/
.btips-red {
	position: relative; 
	background: red; 
	color: #fff; 
	padding: 5px; 
	margin-bottom: 5px;
    box-shadow: 0px 1px 5px #999; 
    -moz-box-shadow: 0px 1px 5px #999; 
    -webkit-box-shadow: 0px 1px 5px #999; 
}
.btips-red span.tri-top-left{
	position: absolute; left: 6px; top: -12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:  dashed dashed  solid dashed;
    border-color:  transparent transparent red transparent;
}
.btips-red span.tri-top-right{
	position: absolute; right: 6px; top: -12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent red transparent;
}      	
.btips-red span.tri-bottom-left{
	position: absolute; left: 6px; bottom:-12px;;
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed ;
    border-color:red transparent  transparent  transparent ;
}  
.btips-red span.tri-bottom-right{
	position: absolute; right: 6px; bottom:-12px;; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed ;
    border-color:red transparent  transparent  transparent ;
}       	      	   	
.btips-red span.tri-left-top{
	position: absolute; left: -12px; top: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed ;
    border-color: transparent red transparent  transparent ;
}
.btips-red span.tri-left-bottom{
	position: absolute; left: -12px; bottom: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed ;
    border-color: transparent red transparent  transparent ;
}
.btips-red span.tri-right-top{
	position: absolute; right: -12px; top: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent red;
}  
.btips-red span.tri-right-bottom{
	position: absolute; right: -12px; bottom: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent red;
}

/*DarrkGray*/
.btips-darkgray {
	position: relative; 
	background: #333; 
	color: #fff; 
	padding: 5px; 
	margin-bottom: 5px;
    box-shadow: 0px 1px 5px #999; 
    -moz-box-shadow: 0px 1px 5px #999; 
    -webkit-box-shadow: 0px 1px 5px #999; 
}
.btips-darkgray span.tri-top-left{
	position: absolute; left: 6px; top: -12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #333 transparent;
}
.btips-darkgray span.tri-top-right{
	position: absolute; right: 6px; top: -12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #333 transparent;
}      	
.btips-darkgray span.tri-bottom-left{
	position: absolute; left: 6px; bottom:-12px;; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed ;
    border-color:#333 transparent  transparent  transparent ;
}  
.btips-darkgray span.tri-bottom-right{
	position: absolute; right: 6px; bottom:-12px;; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed ;
    border-color:#333 transparent  transparent  transparent ;
}       	      	   	
.btips-darkgray span.tri-left-top{
	position: absolute; left: -12px; top: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed ;
    border-color: transparent #333 transparent  transparent ;
}
.btips-darkgray span.tri-left-bottom{
	position: absolute; left: -12px; bottom: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed ;
    border-color: transparent #333 transparent  transparent ;
}
.btips-darkgray span.tri-right-top{
	position: absolute; right: -12px; top: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent #333;
}  
.btips-darkgray span.tri-right-bottom{
	position: absolute; right: -12px; bottom: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent #333;
}

/*lightgray*/
.btips-lightgray {
	position: relative; 
	background: #eee; 
	color: #fff; 
	padding: 5px; 
	margin-bottom: 5px;
    box-shadow: 0px 1px 5px #999; 
    -moz-box-shadow: 0px 1px 5px #999; 
    -webkit-box-shadow: 0px 1px 5px #999; 
}
.btips-lightgray span.tri-top-left{
	position: absolute; left: 6px; top: -12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #eee transparent;
}
.btips-lightgray span.tri-top-right{
	position: absolute; right: 6px; top: -12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #eee transparent;
}      	
.btips-lightgray span.tri-bottom-left{
	position: absolute; left: 6px; bottom:-12px;; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed ;
    border-color:#eee transparent  transparent  transparent ;
}  
.btips-lightgray span.tri-bottom-right{
	position: absolute; right: 6px; bottom:-12px;; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed ;
    border-color:#eee transparent  transparent  transparent ;
}       	      	   	
.btips-lightgray span.tri-left-top{
	position: absolute; left: -12px; top: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed ;
    border-color: transparent #eee transparent  transparent ;
}
.btips-lightgray span.tri-left-bottom{
	position: absolute; left: -12px; bottom: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed ;
    border-color: transparent #eee transparent  transparent ;
}
.btips-lightgray span.tri-right-top{
	position: absolute; right: -12px; top: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent #eee;
}  
.btips-lightgray span.tri-right-bottom{
	position: absolute; right: -12px; bottom: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent #eee;
}


/*  triangle only*/
/*
span.tri-top-left{
	position: absolute; left: 6px; top: -12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #666 transparent;
}
span.tri-top-right{
	position: absolute; right: 6px; top: -12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #666 transparent;
}      	
span.tri-bottom-left{
	position: absolute; left: 6px; bottom:-12px;; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed ;
    border-color:#666 transparent  transparent  transparent ;
}  
span.tri-bottom-right{
	position: absolute; right: 6px; bottom:-12px;; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed ;
    border-color:#666 transparent  transparent  transparent ;
}       	      	   	
span.tri-left-top{
	position: absolute; left: -12px; top: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed ;
    border-color: transparent #666 transparent  transparent ;
}
span.tri-left-bottom{
	position: absolute; left: -12px; bottom: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed ;
    border-color: transparent #666 transparent  transparent ;
}
span.tri-right-top{
	position: absolute; right: -12px; top: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent #666;
}  
span.tri-right-bottom{
	position: absolute; right: -12px; bottom: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent #666;
}
*/








/*ptips Default (bgcolor:#222)*/
.ptips-wrapper {position:absolute;left:0;top:0; width:auto; height:auto;z-index:0;padding:0;margin:0;}
.ptips{
	position: relative; 
	background: #222; 
	color: #fff; 
	padding: 5px; 
	margin-bottom: 5px;
    -webkit-box-shadow: 0px 1px 5px #999; 
    -moz-box-shadow: 0px 1px 5px #999; 
    box-shadow: 0px 1px 5px #999; 
}
.ptips .btn-close {
    position:absolute;
    right:3px; top:3px;
    color:#222;
    font:10px/10px Helvetica,Arial, sans-serif;
    padding:1px 3px;
    cursor:pointer;
    z-index:100;
}
.ptips .btn-close:hover {color:#f00;}
.ptips .inner {margin:0;padding:5px;}
.ptips .header { font:bold 110%/120% Arial, Helvetica, sans-serif;border-bottom:1px dashed #ddd;margin:0;padding:3px;}
.ptips .content {margin:5px 0px;}
.ptips .footer { text-align:center;border-top:1px dashed #ddd; margin:0;padding:3px;}
.ptips .top-left{
    position: absolute; left: 6px; top: -12px; 
	width: 0px; height: 0px; font-size: 0; 
    border-width: 6px; 
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #222 transparent;
}
.ptips .top-right{
	position: absolute; right: 6px; top: -12px; 
	width: 0px; height: 0px; font-size: 0; 
    border-width: 6px; 
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #222 transparent;
} 
.ptips .top-center{
	position: absolute; left: 48%; top: -12px; 
	width: 0px; height: 0px; font-size: 0; 
    border-width: 6px; 
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #222 transparent;
}      	
.ptips .bottom-left{
	position: absolute; left: 6px; bottom:-12px;
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed;
    border-color:#222 transparent  transparent  transparent;
}  
.ptips .bottom-right{
	position: absolute; right: 6px; bottom:-12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed;
    border-color:#222 transparent  transparent  transparent;
}       
.ptips .bottom-center{
	position: absolute; left: 48%; bottom:-12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed;
    border-color:#222 transparent  transparent  transparent;
}   	      	   	
.ptips .left-top{
	position: absolute; left: -12px; top: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed;
    border-color: transparent #222 transparent  transparent;
}
.ptips .left-bottom{
	position: absolute; left: -12px; bottom: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed;
    border-color: transparent #222 transparent  transparent;
}
.ptips .left-center{
	position: absolute; left: -12px; bottom: 48%; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed;
    border-color: transparent #222 transparent  transparent;
}
.ptips .right-top{
	position: absolute; right: -12px; top: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent #222;
}  
.ptips .right-bottom{
	position: absolute; right: -12px; bottom: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent #222;
}
.ptips .right-center{
	position: absolute; right: -12px; bottom: 48%; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent #222;
}
/*red*/
.ptips.red {background: red; }
.ptips.red .btn-close:hover {color:#fff;}
.ptips.red .top-left{border-color:  transparent transparent red transparent;}
.ptips.red .top-right{border-color: transparent transparent red transparent;}
.ptips.red .top-center{border-color: transparent transparent red transparent;}
.ptips.red .bottom-left{border-color:red transparent transparent transparent;}
.ptips.red .bottom-right{border-color:red transparent  transparent  transparent;}
.ptips.red .bottom-center{border-color:red transparent  transparent  transparent ;}
.ptips.red .left-top{border-color: transparent red transparent  transparent;}
.ptips.red .left-bottom{border-color: transparent red transparent  transparent;}
.ptips.red .left-center{border-color: transparent red transparent  transparent;}
.ptips.red .right-top{border-color: transparent  transparent  transparent red;}
.ptips.red .right-bottom{border-color: transparent  transparent  transparent red;}
.ptips.red .right-center{border-color: transparent  transparent  transparent red;}

/*green*/
.ptips.green {background: green; }
.ptips.green .btn-close:hover {color:#fff;}
.ptips.green .top-left{border-color:  transparent transparent green transparent;}
.ptips.green .top-right{border-color: transparent transparent green transparent;}
.ptips.green .top-center{border-color: transparent transparent green transparent;}
.ptips.green .bottom-left{border-color:green transparent  transparent  transparent;}
.ptips.green .bottom-right{border-color:green transparent  transparent  transparent;}
.ptips.green .bottom-center{border-color:green transparent  transparent  transparent;}
.ptips.green .left-top{border-color: transparent green transparent  transparent;}
.ptips.green .left-bottom{border-color: transparent green transparent  transparent;}
.ptips.green .left-center{border-color: transparent green transparent  transparent;}
.ptips.green .right-top{border-color: transparent  transparent  transparent green;}
.ptips.green .right-bottom{border-color: transparent  transparent  transparent green;}
.ptips.green .right-center{border-color: transparent  transparent  transparent green;}

/*orange*/
.ptips.orange {background: orange; }
.ptips.orange .btn-close:hover {color:#fff;}
.ptips.orange .top-left{border-color:  transparent transparent orange transparent;}
.ptips.orange .top-right{border-color: transparent transparent orange transparent;}
.ptips.orange .top-center{border-color: transparent transparent orange transparent;}
.ptips.orange .bottom-left{border-color:orange transparent  transparent  transparent;}
.ptips.orange .bottom-right{border-color:orange transparent  transparent  transparent;}
.ptips.orange .bottom-center{border-color:orange transparent  transparent  transparent;}
.ptips.orange .left-top{border-color: transparent orange transparent  transparent;}
.ptips.orange .left-bottom{border-color: transparent orange transparent  transparent;}
.ptips.orange .left-center{border-color: transparent orange transparent  transparent;}
.ptips.orange .right-top{border-color: transparent  transparent  transparent orange;}
.ptips.orange .right-bottom{border-color: transparent  transparent  transparent orange;}
.ptips.orange .right-center{border-color: transparent  transparent  transparent orange;}
/*blue*/
.ptips.blue {background: blue; }
.ptips.blue .btn-close:hover {color:#fff;}
.ptips.blue .top-left{border-color:  transparent transparent blue transparent;}
.ptips.blue .top-right{border-color: transparent transparent blue transparent;}
.ptips.blue .top-center{border-color: transparent transparent blue transparent;}
.ptips.blue .bottom-left{border-color:blue transparent  transparent  transparent;}
.ptips.blue .bottom-right{border-color:blue transparent  transparent  transparent;}
.ptips.blue .bottom-center{border-color:blue transparent  transparent  transparent;}
.ptips.blue .left-top{border-color: transparent blue transparent  transparent;}
.ptips.blue .left-bottom{border-color: transparent blue transparent  transparent;}
.ptips.blue .left-center{border-color: transparent blue transparent  transparent;}
.ptips.blue .right-top{border-color: transparent  transparent  transparent blue;}
.ptips.blue .right-bottom{border-color: transparent  transparent  transparent blue;}
.ptips.blue .right-center{border-color: transparent  transparent  transparent blue;}
/*lightgray*/
.ptips.lightgray {background: #aaa; }
.ptips.lightgray .btn-close:hover {color:#fff;}
.ptips.lightgray .top-left{border-color:  transparent transparent #aaa transparent;}
.ptips.lightgray .top-right{border-color: transparent transparent #aaa transparent;}
.ptips.lightgray .top-center{border-color: transparent transparent #aaa transparent;}
.ptips.lightgray .bottom-left{border-color:#aaa transparent  transparent  transparent;}
.ptips.lightgray .bottom-right{border-color:#aaa transparent  transparent  transparent;}
.ptips.lightgray .bottom-center{border-color:#aaa transparent  transparent  transparent;}
.ptips.lightgray .left-top{border-color: transparent #aaa transparent  transparent;}
.ptips.lightgray .left-bottom{border-color: transparent #aaa transparent  transparent;}
.ptips.lightgray .left-center{border-color: transparent #aaa transparent  transparent;}
.ptips.lightgray .right-top{border-color: transparent  transparent  transparent #aaa;}
.ptips.lightgray .right-bottom{border-color: transparent  transparent  transparent #aaa;}
.ptips.lightgray .right-center{border-color: transparent  transparent  transparent #aaa;}
/*darkgray */
.ptips.darkgray {background: #666; }
.ptips.darkgray .btn-close:hover {color:#fff;}
.ptips.darkgray .top-left{border-color:  transparent transparent #666 transparent;}
.ptips.darkgray .top-right{border-color: transparent transparent #666 transparent;}
.ptips.darkgray .top-center{border-color: transparent transparent #666 transparent;}
.ptips.darkgray .bottom-left{border-color:#666 transparent  transparent  transparent;}
.ptips.darkgray .bottom-right{border-color:#666 transparent  transparent  transparent;}
.ptips.darkgray .bottom-center{border-color:#666 transparent  transparent  transparent;}
.ptips.darkgray .left-top{border-color: transparent #666 transparent  transparent;}
.ptips.darkgray .left-bottom{border-color: transparent #666 transparent  transparent;}
.ptips.darkgray .left-center{border-color: transparent #666 transparent  transparent;}
.ptips.darkgray .right-top{border-color: transparent  transparent  transparent #666;}
.ptips.darkgray .right-bottom{border-color: transparent  transparent  transparent #666;}
.ptips.darkgray .right-center{border-color: transparent  transparent  transparent #666;}
/*black*/
.ptips.black {background: #000; }
.ptips.black .btn-close {color:#fff;}
.ptips.black .btn-close:hover {color:#f00;}
.ptips.black .top-left{border-color:  transparent transparent #000 transparent;}
.ptips.black .top-right{border-color: transparent transparent #000 transparent;}
.ptips.black .top-center{border-color: transparent transparent #000 transparent;}
.ptips.black .bottom-left{border-color:#000 transparent  transparent  transparent;}
.ptips.black .bottom-right{border-color:#000 transparent  transparent  transparent;}
.ptips.black .bottom-center{border-color:#000 transparent  transparent  transparent;}
.ptips.black .left-top{border-color: transparent #000 transparent  transparent;}
.ptips.black .left-bottom{border-color: transparent #000 transparent  transparent;}
.ptips.black .left-center{border-color: transparent #000 transparent  transparent;}
.ptips.black .right-top{border-color: transparent  transparent  transparent #000;}
.ptips.black .right-bottom{border-color: transparent  transparent  transparent #000;}
.ptips.black .right-center{border-color: transparent  transparent  transparent #000;}
/*white*/
.ptips.white {background: #000; color:#000; }
.ptips.white .inner {background:#fff;}
.ptips.white .btn-close:hover {color:#f00;}
.ptips.white .top-left{border-color:  transparent transparent #000 transparent;}
.ptips.white .top-right{border-color: transparent transparent #000 transparent;}
.ptips.white .top-center{border-color: transparent transparent #000 transparent;}
.ptips.white .bottom-left{border-color:#000 transparent  transparent  transparent;}
.ptips.white .bottom-right{border-color:#000 transparent  transparent  transparent;}
.ptips.white .bottom-center{border-color:#000 transparent  transparent  transparent;}
.ptips.white .left-top{border-color: transparent #000 transparent  transparent;}
.ptips.white .left-bottom{border-color: transparent #000 transparent  transparent;}
.ptips.white .left-center{border-color: transparent #000 transparent  transparent;}
.ptips.white .right-top{border-color: transparent  transparent  transparent #000;}
.ptips.white .right-bottom{border-color: transparent  transparent  transparent #000;}
.ptips.white .right-center{border-color: transparent  transparent  transparent #000;}

/*white-lightgray-border*/
.ptips.white-lightgray-border {background: #aaa; color:#000; }
.ptips.white-lightgray-border .inner {background:#fff;}
.ptips.white-lightgray-border .btn-close:hover {color:#f00;}
.ptips.white-lightgray-border .top-left{border-color:  transparent transparent #aaa transparent;}
.ptips.white-lightgray-border .top-right{border-color: transparent transparent #aaa transparent;}
.ptips.white-lightgray-border .top-center{border-color: transparent transparent #aaa transparent;}
.ptips.white-lightgray-border .bottom-left{border-color:#aaa transparent  transparent  transparent;}
.ptips.white-lightgray-border .bottom-right{border-color:#aaa transparent  transparent  transparent;}
.ptips.white-lightgray-border .bottom-center{border-color:#aaa transparent  transparent  transparent;}
.ptips.white-lightgray-border .left-top{border-color: transparent #aaa transparent  transparent;}
.ptips.white-lightgray-border .left-bottom{border-color: transparent #aaa transparent  transparent;}
.ptips.white-lightgray-border .left-center{border-color: transparent #aaa transparent  transparent;}
.ptips.white-lightgray-border .right-top{border-color: transparent  transparent  transparent #aaa;}
.ptips.white-lightgray-border .right-bottom{border-color: transparent  transparent  transparent #aaa;}
.ptips.white-lightgray-border .right-center{border-color: transparent  transparent  transparent #aaa;}/*buttons*/
/*button { font: 14px/100% Arial, Helvetica, sans-serif; padding: .35em 0.1em 0.35em}*/
button { font: 14px/16px "�L�n������",Arial, Helvetica, sans-serif; padding: .35em .3em .35em .35em}
button:hover {cursor:pointer;}

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	padding: .4em 0.5em .45em;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/16px "�L�n������",Arial, Helvetica, sans-serif;
	text-shadow: -1px -1px 1px rgba(0,0,0,.7);
	
	border:1px solid #ddd;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	border:1px solid #aaa;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;    
	text-decoration: none;
	text-shadow: 0px -1px 1px rgba(0,0,0,.7);
}
.button:active {
	position: relative;
	top: 1px;
}

.button.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.button.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.button.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

button.normal {margin:0px;margin-left:3px; width:100px; height:30px;border:1px solid #666;color:#aaa;text-shadow: #000 1px 1px 1px;background-color:#aaa;}
button.normal:hover,button:normal.over {cursor:pointer; background-color:#eee; border:1px solid #aaa;color:#fff;}
button.selected {color:#f00;}


.button[class] {  /* IE ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}
.button img {padding:0;margin:0; display:inline;}
/* color styles 
---------------------------------------------- */

/* black */
.button.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.button.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.button.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.button.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.button.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.button.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.button.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
	text-shadow:none;
}
.button.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.button.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.button.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.button.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.button.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.button.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.button.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.button.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.button.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.button.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.button.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* rosy */
.button.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.button.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.button.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* green */
.button.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.button.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.button.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* pink */
.button.pink {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.button.pink:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.button.pink:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}

html {padding:0px; margin:0px;}
body {font: 1.0em/1.2em  "�L�n������","Times New Roman", Helvetica, sans-serif; padding:0px; margin:0px; background-color:#fff;}
img { -ms-interpolation-mode: bicubic; }

/*Input */
/*input.txtbox,textarea.txtbox,select.selectbox{ background:#fff url(/css/v1/images/textbg.jpg) repeat-x; //border:1px solid #888; }*/
.txtbox{
	background-image:url(/css/v1/images/bg_form.jpg);
	background-repeat:repeat-x;
	/*border:1px solid #d1c7ac;*/
	border:1px solid #999;
	width: auto;
	color:#333333;
	padding:0;
	margin:0;
	
	margin-right:4px;
	margin-bottom:0px;
	margin-top:2px;
	
	font-family: "�L�n������","Times New Roman", Helvetica, sans-serif;
	height:24px; line-height:23px; 
	vertical-align:middle;
}

input:focus {border:1px solid #a22; background:#fcf7f7;}
.txtboxfocus { border:1px solid #a22; background:#fcf7f7;}
.txtbox:focus {border:1px solid #a22; background:#fcf7f7;}
input[type=checkbox]:hover {
    border-color: #c6c6c6;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}

.focus {border:1px solid #a22;background:#fcf7f7;}
.placeholder { color: #888 }

h1{font-size:150%; line-height:170%;}
h2{font-size:130%; line-height:150%;}
h3{font-size:120%; line-height:140%;}
h4{font-size:110%; line-height:130%;}
h5{font-size:100%; line-height:120%;}

/* Clear fix*/
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;line-height:1px;height:1px;padding:0px;}
html[xmlns] .clearfix {display: block;}
*html .clearfix {height: 1px;}

/*Float*/
.floatleft { float:left;}
.floatright { float:right;}
.floatdiv {position:absolute;left:0;top:0}

/*Alignment*/
.alignleft { text-align:left;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}
.alignjustify { text-align:justify;}
.alignvmiddle { vertical-align:middle;}

.txtjustify{ text-align:justify; text-justify: inter-ideograph;}
.txtcenter{ text-align:center;}
.txtbottom { vertical-align:text-bottom}
.txttop { vertical-align:text-top}
.txtlowercase { text-transform:lowercase;}
.txtuppercase { text-transform:uppercase;}
.txtcapitalize { text-transform:capitalize;}
.txtbold { font-weight:bold;}
.txtnormal { font-weight:normal;}

.border-l {border-left:1px solid #aaa;}
.border-r {border-right:1px solid #aaa;}
.border-b {border-bottom:1px solid #aaa;}
.border-t {border-top:1px solid #aaa;}
.border-all {border:1px solid #aaa;}
.border-none {border:0px;}
.border-thick {border-width:thick}
.border-thin {border-width:thin}
.border-medium {border-width:medium}

/*Scroll*/
.scrollbox { overflow:scroll;}
.scrollbox-hidden { overflow:hidden;}
.scrollbox-auto { overflow:auto;}
.scrollbox-y { overflow:scroll; overflow-x:hidden;}
.scrollbox-x { overflow:scroll; overflow-y:hidden;}


/*floatbox*/
.floatbox {position:absolute;z-index:9090; background-color:#fff; border:1px solid #ddd;border-right:1px solid #888;border-bottom:1px solid #888; width:400px; height:250px; color:#000;}
.floatbox h1 { padding:5px; margin:0px; background-color:#222; color:#fff;display:block;}
.floatbox .label {display: inline-block; width:80px;}
.floatbox .content{ background-color:#fff;}
.floatbox .controlbar {border-top:1px solid #aaa; background-color:#eee; vertical-align:middle;}
.floatbox.red {border:1px solid #f00;}
.floatbox.red h1{background:#f00;}
.floatbox.blue {border:1px solid blue;}
.floatbox.blue h1{background:blue;}
.floatbox.green {border:1px solid green;}
.floatbox.green h1{background:green;}
.floatbox.orange {border:1px solid #orange;}
.floatbox.orange h1{background:#f00;}

/*box*/
.corner-box {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 	}
.corner-box,.box { border:1px solid #aaa; margin:5px;font-size:100%}
.corner-box h1,.box h1 {background-color:#000;padding:5px; color:#fff;}
.corner-box p,.box p { text-align:justify;text-justify:inter-ideograph; text-indent:40px;line-height:1.4em; letter-spacing:1px;}
.corner-box h1 a#btnClose,.floatbox h1 a#btnClose,.box h1 a#btnClose { text-decoration:none;}
.corner-box h1 a#btnClose:hover,.floatbox h1 a#btnClose:hover,.box h1 a#btnClose:hover { text-decoration:none; background-color:#aaa;}

/*color*/
.bgcolor-white {background-color:#fff;}
.bgcolor-black { background-color:#222;}
.bgcolor-gray { background-color:#aaa;}
.bgcolor-red { background-color:#f00;}
.bgcolor-darkgray { background-color:#333;}
.bgcolor-orange {background-color:#FC8600;}
.bgcolor-green {background-color:#76923C;}
.bgcolor-purple {background-color:#8064A2;}
.bgcolor-lightred { background-color:#fee;}
.bgcolor-lightgray { background-color:#eee;}
.bgcolor-lightblue { background-color:#D1E8F8;}
.bgcolor-lightgreen {background-color:#D9E4C0;}
.bgcolor-lightorange {background-color:#FFBD5B;}
.bgcolor-lightpurple {background-color:#DFD9E8;}
.bgimage-none {background-image:none;}

.color-white {color:#fff;}
.color-black {color:#222;}
.color-gray {color:#aaa;}
.color-red {color:#f00;}
.color-lightred {color:#fee;}
.color-lightgray {color:#eee;}
.color-lightblue {color:#D1E8F8;}
.color-darkgray {color:#333;}
.color-orange {color:#FC8600;}
.color-lightorange {color:#FFBD5B;}

/*NavBar*/
ul.navbar { list-style:none outside; margin:0px; padding:0px; font-size:100%; color:#222;}
ul.navbar li{ list-style:none outside; margin-left:0px; padding:5px 2px 5px 2px; margin:0px; line-height:1.0em; vertical-align:text-bottom;}
ul.navbar li a{ text-decoration:none;}
ul.navbar li a:hover{ text-decoration:underline;}
ul.navbar li.over { background-color:#eee;}
ul.navbar li.selected { background-color:#ddd;}
ul.navbar li.lock,ul.navbar li.lock a { color:#aaa;}
ul.navbar li.unlock,ul.navbar li.unlock a{ color:#222;}

/*itemtree*/
ul.itemtree {list-style:none outside; margin:0px; padding:0px; font-size:100%; color:#222;}
ul.itemtree li{list-style:disc outside ;line-height:120%; vertical-align:text-bottom;}
ul.itemtree li a{ text-decoration:none;}
ul.itemtree li a:hover{ text-decoration:underline;}
ul.itemtree li.over { background-color:#eee;}
ul.itemtree li.selected { background-color:#ddd;}
ul.itemtree li { margin-left:10px; list-style-type:none;}
ul.itemtree li li { margin-left:30px; list-style-type:disc;}
ul.itemtree li li li{ margin-left:20px; list-style-type:circle;}
ul.itemtree li li li li{ margin-left:20px; list-style-type:square;}
ul.itemtree .item-date-updated {font-size:80%; color:#aaa;}

/*itemgrid*/
ul.itemgrid { list-style:none outside; margin:0px; padding:0px; font-size:100%; color:#222;}
ul.itemgrid li{ float:left; width:400px; height:100px; list-style:none outside ;padding:0px; margin:0px; line-height:1.0em; vertical-align:text-bottom;}
ul.itemgrid li a{ text-decoration:none;}
ul.itemgrid li a:hover{ text-decoration:underline;}
ul.itemgrid li.over{ background-color:#eee;}
ul.itemgrid li .content:hover { background-color:#eee;}
ul.itemgrid li.selected { background-color:#ddd;}
ul.itemgrid li h1 { font-size:105%; color:#fff; position:relative; overflow:hidden;}
ul.itemgrid li h1 a{color:#fff;}
ul.itemgrid li .item-date-updated { font-size:80%; color:#aaa;}


/*Normal*/
ul.normal { list-style-position:inside;margin:0px; padding:0px; font-size:100%; color:#222;}
ul.normal li{ list-style:disc inside; margin-left:10px; padding:5px 2px 5px 2px;}
ul.normal li { margin-left:30px; list-style-type:disc;}
ul.normal li li{ margin-left:20px; list-style-type:circle;}
ul.normal li li li{ margin-left:20px; list-style-type:square;}

/*terms*/
.terms { letter-spacing:50%; }
.terms h1.title { font-size:140%;}
.terms h2 { font-size:120%;}
.terms .content {margin:10px;}
.terms p{ margin-bottom:20px; text-indent:30px;text-align:justify;}
.terms ol{}
.terms ol li{}

/*menu*/
ul.menu li {background-color:#E9E9E9; padding:5px; padding-left:18px;border-top:1px solid #fff; border-bottom:1px solid #AAA; vertical-align:middle;}
ul.menu li.selected {background:#AAA url(/css/v1/images/icon-arrow-right16.gif) no-repeat left center;color:#fff; font-weight:bold;border-top:1px solid #aaa;border-bottom:1px solid #666}
ul.menu li.over {background:#CCC url(/css/v1/images/icon-arrow-right16.gif) no-repeat left center; color:#000; cursor:pointer}

/*Vtip*/
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }

/*other*/
span.required,div.required,p.required { background:transparent url(/css/v1/images/icon-required16.gif) no-repeat right center; padding-right:18px; }
span.required-l,div.required-l,p.required-l { background:transparent url(/css/v1/images/icon-required16.gif) no-repeat left center; padding-left:18px; }

.form-panel {background:#fff url(/css/v1/images/bg_form.jpg) repeat-x left top; border-top:1px solid #aaa;  }
.bg-border-r {background:#fff url(/css/v1/images/bg-border-r.png) repeat-y right top;}
.bg-itemlist-selected {background:#fff url(/css/v1/images/bg-itemlist-selected.jpg) no-repeat right top;}
.title { font-size:140%; font-weight:bold; color:#000; }

/*.hidden{position:absolute;top:-9999em;}*/
.hidden { display:none;}
.margin0 { margin:0px;}
.margin10 { margin:10px;}
.margin5 { margin:5px;}
.padding0 { padding:0px;}
.padding10 { padding:10px;}
.padding5 { padding:5px;}
.label {padding:3px;margin:auto 4px 2px auto;display:inline-block; width:100px;}
.err { background:transparent url(/css/v1/images/icon-light16.gif) no-repeat left center; padding-left:18px;color:#f00; }
.tips { color:#060; }
.disabled {  background-image:none;background-color:#efefef; color:#888;line-height:23px; height:24px;}
.nowrap { white-space:nowrap;}
.highlight { background-color: yellow }


/*UI*/
/*Infront photo list*/
.ui-infront-photo-list {
    position:relative;
    margin-bottom:5px;
    min-height:100px; 
    _height:100px;
    padding:3px 3px 3px 110px;
}
.ui-infront-photo-list a.ui-wrapper{
    cursor:pointer;
    display:block;
    
    width:100%;
    height:100%;
    position:relative;    
}
.ui-infront-photo-list .ui-photo{
    border:1px solid #ddd;
    border-color:#ddd #aaa #aaa #ddd;
    
    position:absolute;
    top:2px;left:2px;
    
    max-width:100px;
    max-height:100px;
    _wdith:expression(this.scrollWidth>100?""100px"":""auto"");
    _height:expression(this.scrollHeight>100?""100px"":""auto"");
    
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	-webkit-box-shadow:  0 1px 2px  rgba(128,128,128,.8);
	-moz-box-shadow: 0 1px 2px  rgba(128,128,128,.8);
	box-shadow:0 1px 2px  rgba(128,128,128,.8);    
}
.ui-infront-photo-list .ui-title {
    font-size:120%;
    font-weight:bold;
    margin:0;padding:3px 2px;
}
.ui-infront-photo-list .ui-text {
    padding:2px 3px;
}

/* end default*/

.tdialog {
	font:normal 100%/120%  "微軟正黑體","Times New Roman", Helvetica, sans-serif;
	z-index:1001;
	position:absolute;
	top:0px;left:0px;
	padding:1px;
	background:#222;
	display:none;
	width:500px;
	height:500px;
	-webkit-box-shadow: 0px 0px 5px  rgba(1,1,1,.5);
	-moz-box-shadow: 0px 0px 5px  rgba(1,1,1,.5);
	box-shadow: 0px 0px 5px  rgba(1,1,1,.5);
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;		
	
}
.tdialog .loading {position:absolute;top:0px;left:0px; color:#000; font-weight:bold;border:0;color:#fff;left:50%;top:50%;z-index:9901;}
.tdialog .loading .inner{position:relative;left:-100px;top:-25px;width:200px;height:50px;}
.tdialog .loading .alpha-shadow {position:absolute;z-index:1;left:0px;top:0px;width:200px;height:50px;background-color:#222;-moz-opacity:.70; filter:alpha(opacity=70); opacity:.70;}
.tdialog .loading .content {position:absolute;z-index:2;top:0px;left:0px;color:#fff; padding:2px 10px;font:bold 150%/36px  "微軟正黑體","Times New Roman", Helvetica, sans-serif;}
.tdialog .loading .content img {width:32px; display:inline; float:left; margin:0px 5px;}

.tdialog .wrapper {position:relative;}
.tdialog .wrapper .dialog-header {
	height:30px;
	font:normal 12px/28px  "微軟正黑體","Times New Roman", Helvetica, sans-serif;color:#000; 
	color:#fff;
	margin:0;
	padding:0;
	padding-right:24px;
	width:100%;
	
	/*IE 6*/
	_margin:0;
	_padding-right:24px;
	_border:1px solid #000;
}
.tdialog .wrapper .dialog-content{
	position:relative; 
	width:100%;height:500px;
	margin:0;padding:0;
	color:#222; 
	overflow:scroll;
	border:1px solid #ccc;
	background-color:#fff;
	-webkit-box-shadow:inset 0px 0px 3px  rgba(1,1,1,.6);
	-moz-box-shadow:inset 0px 0px 3px  rgba(1,1,1,.6);
	box-shadow:inset 0px 0px 3px  rgba(1,1,1,.6);	 
}
.tdialog .wrapper .dialog-footer{
    height:30px;
    width:100%;
    text-align:center;
    color:#fff;
    border:0px solid #666;
}
.tdialog .wrapper .dialog-footer .button{
    margin:2px 2px;padding:2px 3px;
    color:#fff;
	border:1px solid #434343;
	border:1px solid #777;
	border-bottom:1px solid #333;
	border-right:1px solid #333;    
	background-color:#666;
    background-image: -moz-linear-gradient(top, #666666, #444444);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#444444));    
}
.tdialog .wrapper .dialog-footer .button img{padding:0; margin:0; display:inline}
.tdialog .wrapper .dialog-footer .button:hover {
	border:1px solid #333;
	border-bottom:1px solid #888;
	border-right:1px solid #888;
	background-color:#444;    
}
.tdialog .dialog-btn-close {
    display:inline;
    position:absolute;right:4px;top:2px;
    z-index:1;
    padding:4px 4px 2px 4px; 
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    border-radius: 2px; 
}
.tdialog .dialog-btn-close:hover {background-color:#aaa;}
.tdialog ul li { list-style:disc outside; margin-left:20px;}
.tdialog ul li li{ list-style:circle outside; margin-left:20px;}
.tdialog ul li li li{ list-style:square outside; margin-left:20px;}
.tdialog ol li { list-style:decimal outside; margin-left:20px;}
.tdialog ol li li{ list-style:lower-alpha outside; margin-left:20px;}

.tdialog .top-left{
    position: absolute; left: 6px; top: -12px; 
	width: 0px; height: 0px; font-size: 0; 
    border-width: 6px; 
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #222 transparent;
}
.tdialog .top-right{
	position: absolute; right: 6px; top: -12px; 
	width: 0px; height: 0px; font-size: 0; 
    border-width: 6px; 
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #222 transparent;
} 
.tdialog .top-center{
	position: absolute; left: 48%; top: -12px; 
	width: 0px; height: 0px; font-size: 0; 
    border-width: 6px; 
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #222 transparent;
}      	
.tdialog .bottom-left{
	position: absolute; left: 6px; bottom:-12px;
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed;
    border-color:#222 transparent  transparent  transparent;
}  
.tdialog .bottom-right{
	position: absolute; right: 6px; bottom:-12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed;
    border-color:#222 transparent  transparent  transparent;
}       
.tdialog  .bottom-center{
	position: absolute; left: 48%; bottom:-12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed;
    border-color:#222 transparent  transparent  transparent;
}   	      	   	
.tdialog .left-top{
	position: absolute; left: -12px; top: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed;
    border-color: transparent #222 transparent  transparent;
}
.tdialog .left-bottom{
	position: absolute; left: -12px; bottom: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed;
    border-color: transparent #222 transparent  transparent;
}
.tdialog .left-center{
	position: absolute; left: -12px; bottom: 48%; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed solid dashed  dashed;
    border-color: transparent #222 transparent  transparent;
}
.tdialog .right-top{
	position: absolute; right: -12px; top: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent #222;
}  
.tdialog .right-bottom{
	position: absolute; right: -12px; bottom: 6px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent #222;
}
.tdialog .right-center{
	position: absolute; right: -12px; bottom: 48%; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style: dashed  dashed  dashed solid;
    border-color: transparent  transparent  transparent #222;
}

/* green */
.tdialog.green {background-color:#257a39;}
.tdialog.green .dialog-content{border:1px solid #257a39;}
.tdialog.green .dialog-header {color:#fff;}
.tdialog.green .dialog-header h1{color:#fff;}
.tdialog.green .button {background-color:#385eaa; color:#fff;}
.tdialog.green .button:hover {background-color:#007e59;color:#ff0;border:1px solid #257a39;text-shadow: 0px 0px 0px #aaa;}
.tdialog.green .dialog-btn-close:hover {background-color:#8fbf9a;}
.tdialog.green .btn-close:hover {color:#fff;}
.tdialog.green .top-left{border-color:  transparent transparent #257a39 transparent;}
.tdialog.green .top-right{border-color: transparent transparent #257a39 transparent;}
.tdialog.green .top-center{border-color: transparent transparent #257a39 transparent;}
.tdialog.green .bottom-left{border-color:#257a39 transparent  transparent  transparent;}
.tdialog.green .bottom-right{border-color:#257a39 transparent  transparent  transparent;}
.tdialog.green .bottom-center{border-color:#257a39 transparent  transparent  transparent;}
.tdialog.green .left-top{border-color: transparent #257a39 transparent  transparent;}
.tdialog.green .left-bottom{border-color: transparent #257a39 transparent  transparent;}
.tdialog.green .left-center{border-color: transparent #257a39 transparent  transparent;}
.tdialog.green .right-top{border-color: transparent  transparent  transparent #257a39;}
.tdialog.green .right-bottom{border-color: transparent  transparent  transparent #257a39;}
.tdialog.green .right-center{border-color: transparent  transparent  transparent #257a39;}

/* blue */
.tdialog.blue {background-color:#2c477e;}
.tdialog.blue .dialog-content{border:1px solid #2f4777;}
.tdialog.blue .dialog-header {color:#fff;}
.tdialog.blue .dialog-header h1{color:#fff;}
.tdialog.blue .button {background-color:#385eaa; color:#fff;}
.tdialog.blue .button:hover {background-color:#9fb6d6;color:#ff0;border:1px solid #2c477e;text-shadow: 0px 0px 0px #aaa;}
.tdialog.blue .btn-close:hover {color:#fff;}
.tdialog.blue .top-left{border-color:  transparent transparent #2c477e transparent;}
.tdialog.blue .top-right{border-color: transparent transparent #2c477e transparent;}
.tdialog.blue .top-center{border-color: transparent transparent #2c477e transparent;}
.tdialog.blue .bottom-left{border-color:#2c477e transparent  transparent  transparent;}
.tdialog.blue .bottom-right{border-color:#2c477e transparent  transparent  transparent;}
.tdialog.blue .bottom-center{border-color:#2c477e transparent  transparent  transparent;}
.tdialog.blue .left-top{border-color: transparent #2c477e transparent  transparent;}
.tdialog.blue .left-bottom{border-color: transparent #2c477e transparent  transparent;}
.tdialog.blue .left-center{border-color: transparent #2c477e transparent  transparent;}
.tdialog.blue .right-top{border-color: transparent  transparent  transparent #2c477e;}
.tdialog.blue .right-bottom{border-color: transparent  transparent  transparent #2c477e;}
.tdialog.blue .right-center{border-color: transparent  transparent  transparent #2c477e;}