/*Reset*/
body, form
{
	padding: 0;
}

/*jquery-ui Overwrite*/
/*.ui-widget { font-family: tahoma; font-size: 1.2em; }*/
.ui-widget
{
	font-family: tahoma;
	font-size: 12px;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
	font-family: tahoma;
	font-size: 1em;
}


/*demo page css*/
body
{
	font: 62.5% "Trebuchet MS" , sans-serif;
	margin: 0px;
}
.demoHeaders
{
	margin-top: 2em;
}
#dialog_link
{
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
}
#dialog_link span.ui-icon
{
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;
	top: 50%;
	margin-top: -8px;
}
ul#icons
{
	margin: 0;
	padding: 0;
}
ul#icons li
{
	margin: 2px;
	position: relative;
	padding: 4px 0;
	cursor: pointer;
	float: left;
	list-style: none;
}
ul#icons span.ui-icon
{
	float: left;
	margin: 0 4px;
}
.ui-autocomplete-loading
{
	background: white url('base/images/ui-anim_basic_16x16.gif') right center no-repeat;
}



body
{
	font-family: tahoma;
	font-size: 12px;
}
#container
{
	margin: 0 auto;
	width: 970px;
	
}
#content
{
	font-size: 12px;
	font-size: /*\**/ 11px\9; /*IE8*/
}


/* iForm */
.iForm input, .iForm select, .iForm textarea /*,.iForm button*/
{
	/*background: #EDEEEE;*/
	margin: 0;
	padding: 4px 6px;
	border: 2px solid #EDEEEE;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: black;
	vertical-align: baseline;
}
.iForm input:focus, .iForm select:focus, .iForm textarea:focus
{
	border-color: #0072bb;
	outline: 0;
}
.iForm .watermark
{
	color: #a9a9a9;
}
.iForm .Radio input, .iForm .CheckBox input
{
	border: 0;
	padding: 0;
	margin-right: 3px;
}

/*Special*/
.iForm .txtCustomerName
{
	height: 18px;
}
.iForm .Button
{
	background-color: #0072bb;
	color: #ffffff;
	cursor: pointer;
	padding: 4px 10px;
}
.iForm .Button:focus, .iForm .Button:hover
{
	background-color: #6699FF;
}
/*.iForm .Button:hover{background-color:#4ac6e8;}*/



.buttons
{
	width: 100%;
}
.clear
{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.clear td
{
	padding: 0;
}



/* Navigator */
.nav ul, .nav li
{
	margin: 0;
	padding: 0;
}
.nav a:hover
{
	color: #E17009;
}
.nav li
{
	line-height: 18px;
}


td.Label
{
	text-align: right;
	padding-right: 15px;
}
.Bold .Label
{
	font-weight: bold;
}


.white-blacklink A:link
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.white-blacklink A:visited
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.white-blacklink A:hover
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.black-greenlink1 A:link
{
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.black-greenlink1 A:visited
{
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.black-greenlink1 A:hover
{
	font-family: Tahoma;
	font-size: 12px;
	color: #587511;
	text-decoration: none;
}

.gray-blacklink1 A:link
{
	font-family: Tahoma;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
.gray-blacklink1 A:visited
{
	font-family: Tahoma;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
.gray-blacklink1 A:hover
{
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}


.white-blacklink1 A:link
{
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.white-blacklink1 A:visited
{
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.white-blacklink1 A:hover
{
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

.white-blacklink12 A:link
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.white-blacklink12 A:visited
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.white-blacklink12 A:hover
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.brown-whitelink A:link
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #e59631;
	text-decoration: none;
}
.brown-whitelink A:visited
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #e59631;
	text-decoration: none;
}
.brown-whitelink A:hover
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.green-orange A:link
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #587511;
	text-decoration: none;
}
.green-orange A:visited
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #587511;
	text-decoration: none;
}
.green-orange A:hover
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #F67429;
	text-decoration: none;
}

.green-orange1 A:link
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #98C824;
	text-decoration: none;
}
.green-orange1 A:visited
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #98C824;
	text-decoration: none;
}
.green-orange1 A:hover
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #F67429;
	text-decoration: none;
}

.orange-greenlink1 A:link
{
	font-family: Tahoma;
	font-size: 12px;
	color: #F67429;
	text-decoration: none;
}
.orange-greenlink1 A:visited
{
	font-family: Tahoma;
	font-size: 12px;
	color: #F67429;
	text-decoration: none;
}
.orange-greenlink1 A:hover
{
	font-family: Tahoma;
	font-size: 12px;
	color: #587511;
	text-decoration: none;
}

.black-bluelink1 A:link
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.black-bluelink1 A:visited
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.black-bluelink1 A:hover
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #1988AE;
	text-decoration: none;
}

.black-bluelink2 A:link
{
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.black-bluelink2 A:visited
{
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.black-bluelink2 A:hover
{
	font-family: Tahoma;
	font-size: 12px;
	color: #0567cc;
	text-decoration: none;
}

.black-bluelink3 A:link
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.black-bluelink3 A:visited
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.black-bluelink3 A:hover
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #0567cc;
	text-decoration: none;
}

.black-greenlink1 A:link
{
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.black-greenlink1 A:visited
{
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.black-greenlink1 A:hover
{
	font-family: Tahoma;
	font-size: 12px;
	color: #587511;
	text-decoration: none;
}

.black-greenlink2 A:link
{
	font-family: Tahoma;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}
.black-greenlink2 A:visited
{
	font-family: Tahoma;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}
.black-greenlink2 A:hover
{
	font-family: Tahoma;
	font-size: 9px;
	color: #587511;
	text-decoration: none;
}


.blue-bluelink A:link
{
	font-family: Tahoma;
	font-size: 11px;
	color: #0567cc;
	text-decoration: none;
}
.blue-bluelink A:visited
{
	font-family: Tahoma;
	font-size: 11px;
	color: #0567cc;
	text-decoration: none;
}
.blue-bluelink A:hover
{
	font-family: Tahoma;
	font-size: 11px;
	color: #0099ff;
	text-decoration: underline;
}

.red-redlink A:link
{
	font-family: Tahoma;
	font-size: 12px;
	color: #990000;
	text-decoration: none;
}
.red-redlink A:visited
{
	font-family: Tahoma;
	font-size: 12px;
	color: #990000;
	text-decoration: none;
}
.red-redlink A:hover
{
	font-family: Tahoma;
	font-size: 12px;
	color: #ff0000;
	text-decoration: underline;
}

.gray-blacklink A:link
{
	font-family: Tahoma;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}
.gray-blacklink A:visited
{
	font-family: Tahoma;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}
.gray-blacklink A:hover
{
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}



.txt_gray1_11
{
	font-family: Tahoma;
	font-size: 11px;
	color: #999999;
}

.txt_white_11
{
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
}
.txt_white_12
{
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
}

.txt_gray3_11
{
	font-family: Tahoma;
	font-size: 11px;
	color: #999999;
}
.txt_gray4_12
{
	font-family: Tahoma;
	font-size: 12px;
	color: #666666;
}




.txt_black1_11
{
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
}

.txt_black1_b_11
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}



.txt_black2_12
{
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.txt_black3_12
{
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
}



.txt_blue1_11
{
	font-family: Tahoma;
	font-size: 11px;
	color: #0567cc;
}

.txt_blue2_12
{
	font-family: Tahoma;
	font-size: 12px;
	color: #0567cc;
	font-weight: bold;
}

.txt_blue3_12
{
	font-family: Tahoma;
	font-size: 12px;
	color: #0567cc;
}



.txt_orange1_12
{
	font-family: Tahoma;
	font-size: 12px;
	color: #ff6600;
	font-weight: bold;
}
.txt_green1_12
{
	font-family: Tahoma;
	font-size: 12px;
	color: #00cc33;
	font-weight: bold;
}
.txt_green2_12
{
	font-family: Tahoma;
	font-size: 12px;
	color: #587511;
	font-weight: bold;
}

.txt_red1_12
{
	font-family: Tahoma;
	font-size: 12px;
	color: #cc0000;
	font-weight: bold;
}
.txt_red2_12
{
	font-family: Tahoma;
	font-size: 12px;
	color: #cc0000;
}

.txt_green1_11
{
	font-family: Tahoma;
	font-size: 11px;
	color: #587511;
}
.txt_Red1_11
{
	font-family: Tahoma;
	font-size: 11px;
	color: #FF0000;
}


.Info h3
{
	margin: 15px 0 5px 0;
	color: #2E6E9E;
}




.Center
{
	text-align: center;
}


/** GridView **/
.Grid
{
	width: 100%;
	border: 0;
}
.Grid th, .Grid td
{
	line-height: 24px;
	padding: 0 3px;
	border: solid #aaaaaa 1px;
}

/*.Grid .Header{background-color:#eaf4fd;color:#2E6E9E;}*/
.Grid .Header
{
	background-color: #6699FF;
	color: #002060;
}
.Grid .Footer
{
}
.Grid .Pager
{
}

.Grid .R1
{
}
.Grid .R2
{
	background-color: #f2f2f2;
}
.Grid .Selected
{
	/*background-color:yellow;*/
}
.Grid .EmptyRow
{
}

.Grid .center
{
	text-align: center;
}
.Grid .action
{
	text-align: center;
	color: #333;
}
.Grid .action a:hover
{
	color: #ED1B2E;
}
/*.Grid .action input{margin-right:5px;}*/

.EmptyRow tr
{
	border: 1px solid #CCC;
}
.EmptyRow td
{
	color: #312E25;
	background-color: #F0FFD0;
	text-align: center;
}


/* OrderPriority */
.Grid .P100
{
	background: yellow;
}




.Payment0 td
{
	background-color: #f89a1c; /*#E17009;/*background-color:#f78825;*/
}
.Right
{
	text-align: right;
}
.req
{
	color: red;
}
.error
{
	color: red;
}
.hidden
{
	display: none;
}


/*.picker{margin:10px 0;}*/
.picker
{
	margin: 5px 0;
}
.picker
{
	margin: 5px 0;
}
.calendar
{
	width: 80px;
}
.Integer
{
	text-align: right;
}
.Decimal
{
	text-align: right;
}
a.logout
{
	padding: 0 5px;
	color: #000000;
	font-weight: 700;
}
a:hover.logout
{
	color: #2e6e9e; /*#E17009;*/
}
/*.picker td{padding:4px;}*/

div.AlbumName
{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 7em;
}

/*===========================
--Button
==========================*/
.ButtonCss
{
	background: #5B74A8;
	background: -moz-linear-gradient(top,#5B74A8 0%,#5B74A8 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5B74A8),color-stop(100%,#5B74A8));
	background: -webkit-linear-gradient(top,#5B74A8 0%,#5B74A8 100%);
	background: -o-linear-gradient(top,#5B74A8 0%,#5B74A8 100%);
	background: -ms-linear-gradient(top,#5B74A8 0%,#5B74A8 100%);
	background: linear-gradient(top,#5B74A8 0%,#5B74A8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5B74A8',endColorstr='#5B74A8',GradientType=0);
	padding: 6px 12px;
	color: #fff;
	font-size: 12px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: 1px solid #1A356E;
}
.ButtonCss:hover
{
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#68A64C),color-stop(100%,#68A64C));
	background: -webkit-linear-gradient(top,#68A64C 0%,#68A64C 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68A64C',endColorstr='#68A64C',GradientType=0);
	background-color: #68A64C;
	cursor: pointer;
}
.ButtonCss:active
{
	position: relative;
	top: 1px;
}


table.hovertable
{
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	color: #333333;
	border-width: 1px;
	border-color: #a9c6c9;
	border-collapse: collapse;
	width: 100%;
}
table.hovertable th
{
	background-color: #6699FF;
	border-width: 1px;
	padding: 10px;
	border-style: solid;
	border-color: #a9c6c9;
}
table.hovertable td
{
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #a9c6c9;
}
.oddrowcolor
{
	background-color: #FFFFFF;
}
.evenrowcolor
{
	background-color: #F2F2F2;
}

.PicSelec
{
}
.PicSelec:hover
{
	cursor: pointer;
}

.PicList li
{
	display: inline;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
}



/*Styling the box*/
.picbox
{
	width: 20px;
	text-align: right;
}

/*
Table Style - This is what you want
------------------------------------------------------------------ */
.table a:link
{
	color: #666;
	font-weight: bold;
	text-decoration: none;
}
.table a:visited
{
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}
.table a:active, .table a:hover
{
	color: #bd5a35;
	text-decoration: underline;
}
le
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	text-shadow: 1px 1px 0px #fff;
	background: #eaebec;
	margin: 0px;
	border: #ccc 1px solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
.table th
{
	padding: 21px 25px 22px 25px;
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #e0e0e0;
	background: #C0C0C0;
	background: -webkit-gradient(linear, left top, left bottom, from(#C0C0C0), to(#C0C0C0));
	background: -moz-linear-gradient(top,  #C0C0C0,  #C0C0C0);
}
.table th
{
	padding: 21px 25px 22px 25px;
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #e0e0e0;
	background: #C0C0C0;
	background: -webkit-gradient(linear, left top, left bottom, from(#C0C0C0), to(#C0C0C0));
	background: -moz-linear-gradient(top,  #C0C0C0,  #C0C0C0);
}
.table th:first-child
{
	text-align: left;
	padding-left: 20px;
}
.table tr:first-child th:first-child
{
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
}
.table tr:first-child th:last-child
{
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}
.table tr
{
	text-align: center;
	padding-left: 20px;
}
.table tr td:first-child
{
	text-align: left;
	padding-left: 20px;
	border-left: 0;
}
.table tr td
{
	padding: 10px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.table tr.even td
{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.table tr:last-child td
{
	border-bottom: 0;
}
.table tr:last-child td:first-child
{
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.table tr:last-child td:last-child
{
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.table tr:hover td
{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
}


/*twitterStyleTextbox*/
input[type="text"]
{
	border: 1px solid #c4c4c4;
	width: 180px;
	height: 18px;
	font-size: 13px;
	padding: 4px 4px 4px 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

input[type="text"]:focus
{
	outline: none;
	border: 1px solid #7bc1f7;
	box-shadow: 0px 0px 8px #7bc1f7;
	-moz-box-shadow: 0px 0px 8px #7bc1f7;
	-webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

/*twitterStyleTextbox*/
.twittTextbox
{
	border: 1px solid #c4c4c4;
	width: 180px;
	height: 18px;
	font-size: 13px;
	padding: 4px 4px 4px 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

.twittTextbox:focus
{
	outline: none;
	border: 1px solid #7bc1f7;
	box-shadow: 0px 0px 8px #7bc1f7;
	-moz-box-shadow: 0px 0px 8px #7bc1f7;
	-webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

/*twitterStyleTextbox*/
select
{
	border: 1px solid #c4c4c4;
	font-size: 13px;
	padding: 4px 4px 4px 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

select:focus
{
	outline: none;
	border: 1px solid #7bc1f7;
	box-shadow: 0px 0px 8px #7bc1f7;
	-moz-box-shadow: 0px 0px 8px #7bc1f7;
	-webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

.DivCut
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 300px;
    padding-left:5px;
}