/*----browser clearsets and some general typo tag setting------*/

html, body, div, span, object, 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus
{
	outline: 0;
}
body
{
	color: #666;
	background: #ddd;
	margin: 10px;
	padding: 0;
}
ol, ul
{
	list-style: none;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td
{
	text-align: left;
	font-weight: normal;
}

p, td, ul, li, ol, h1, h2, h3, h4, h5, input
{
	color: #666;
	font: 12px Verdana, Arial, Helvetica, Geneva, sans-serif;
	line-height: 16px;
}

p
{
	margin: 0 0 10px 0;
}

p.strong
{
	font-weight: bold;
}

h1
{
	color: #5a5a5a;
	font: bold 18px Verdana, Helvetica, sans-serif;
	margin: 0 0 10px 0;
}

h1.second-color
{
	color: navy;
}

h2
{
	font: bold 12px Verdana, Helvetica, sans-serif;
	color: #9b0000;
	margin-top: 10px;
}



/*----table setting------*/

.general_table
{
	margin: 5px 0 10px 0;
	border: 1px solid #444;
}

.general_table th
{
	font: bold 12px Verdana, Verdana, Helvetica, sans-serif;
	color: navy;
	padding: 2px 4px;
	background-color: #eee;
	border: 1px solid #444;
	border-bottom: none;
}

.general_table td
{
	padding: 2px 4px;
	border: 1px solid #444;
}
/*----table setting plain------*/

.plain_table
{
	margin: 5px 0 10px 0;
	border: 0px;
}

.plain_table th
{
	font: bold 12px Verdana, Verdana, Helvetica, sans-serif;
	color: navy;
	padding: 2px 4px;
	background-color: #eee;
	border-bottom: none;
}

.plain_table td
{
	padding: 5px 4px;
	vertical-align:top;
}
/*----table----images----setting plain------*/

.plain_image_table
{
	margin: 5px 0 10px 0;
	border: 0px;
}

.plain_image_table th
{
	font: bold 12px Verdana, Verdana, Helvetica, sans-serif;
	color: navy;
	padding: 2px 4px;
	background-color: #eee;
	border-bottom: none;
}

.plain_image_table td
{
	padding: 5px 4px 10px 5px;
	vertical-align:top;
}
/*----my form setting------*/
.generalform p
{
	clear: left;
	margin: 0;
	padding: 17px 0 17px 0;
	padding-left: 100px;
	border-bottom: 1px dashed #999;
}

span.added
{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #F9100C;
}

fieldset
{
	padding: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}

legend
{
	font: bold 12px Verdana, Verdana, Helvetica, sans-serif;
	color: navy;
	padding: 0 5px 0 5px;
}

.generalform label
{
	clear: both;
}
.customlabel
{
	float: left;
	margin-left: -100px;
	width: 198px;
}
.generalform input
{
	clear: both;
}

input.normal, select.normal, textarea.normal
{
	background-color: #eee;
	border: 1px solid #444;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 4px;
	color: #666;
	width: 200px;
	margin-right: 10px;
}

textarea.normal
{
	height: 100px;
}
select.normal
{
	width: 180px;
}

.genButton
{
	background-color: navy;
	margin: 0;
	padding: 0;
	border: 0;
	padding: 2px 5px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	width: auto;
}


label
{
	font: 12px Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #666;
	margin: 0 10px 0 0;
}

form
{
	margin: 10px 0;
}








/*----menu setting------*/

ul#main_menu
{
	float: right;
	margin-right: 10px;
}
ul#main_menu li
{
	float: left;
	display: block;
	border: 1px solid #ccc;
	border-bottom: none;
	margin: 0 2px 5px 5px;
}
ul#main_menu a
{
	font: 12px Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #666;
	padding: 1px 10px;
	text-decoration: none;
}

ul#main_menu a:visited
{
	color: #666;
}

ul#main_menu a:hover
{
	background-color: #ddd;
}

ul#main_menu a.current, ul#main_menu a.current:hover
{
	background-color: #ddd;
	color: #F9100C;
}
a.current, a.current:hover
{
	background-color: #ddd;
	color: #F9100C;
}














/*----sub menu setting------*/

.sub_menu
{
	margin: 7px 0 0 0;
}

.sub_menu li
{
	float: left;
}

.sub_menu a
{
	padding: 0 12px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	border-right: 1px solid #666;
	text-decoration: none;
}

.sub_menu a.last
{
	border-right: none;
}

.sub_menu a:visited
{
	color: #666;
}

.sub_menu a:hover
{
	text-decoration: underline;
}

.sub_menu a.current, .sub_menu a.current:hover
{
	color: #F9100C;
}











/*----bodyframe setting------*/

#wrapper
{
	margin: 0 auto;
	width: 980px;
	height: auto;
	border: 1px solid #ccc;
	padding: 0px;
	overflow: hidden;
	background: white;
}

#header
{
	width: 760px;
	margin: 0 auto;
	margin-top: 30px;
	overflow: hidden;
}


#submenubox
{
	margin: 0 auto;
	width: 980px;
	height: 30px;
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 0px;
	overflow: hidden;
	background: #f7f6f6;
}

.submenuinnerbox
{
	margin: 0 auto;
	width: 665px;
	height: 30px;
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 0px;
	overflow: hidden;
	background: #f7f6f6;
}
.submenuinnertabcontainer
{
	margin: 0 auto;
	width: 627px;
	height: 30px;
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 0px;
	overflow: hidden;
	background: #f7f6f6;
}
#mainbox
{
	margin: 0 auto;
	width: 980px;
	height: auto;
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 0px;
	overflow: hidden;
	background: white;
}

#footerCopyright p
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 30px 0px 0px 0;
	width: auto;
	height: 35px;
	border-left: none;
	border-right: none;
	text-align: center;
}




/*-----admin-setting------*/

#outer
{
	height: 100%;
	width: 100%;
	display: table;
	vertical-align: middle;
}

#container
{
	text-align: center;
	position: relative;
	vertical-align: middle;
	display: table-cell;
	height: 500px;
}

#inner
{
	width: 760px;
	border: 0px solid #ccc;
	height: 300px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding: 35px;
	background: white;
}

.userbox
{
	float: right;
	width: 300px;
	height: 180px;
	margin-left: 15px;
	padding: 0px 0 0 50px;
	border-left: 1px dashed #ccc;
}





















/* Sidebar */

#sidebar
{
	float: left;
	width: 265px;
	height: auto;
	padding: 5px;
}

#sidebar_content
{
	border: 1px solid #D3D3D3;
	background-color: white;
	width: 260px;
	height: auto;
	padding: 10px 0px 0 10px;
}

#WelcomeName
{
	font: 11px Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #9b0000;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#Title
{
	font: 11px Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

img.lefty
{
	float: left;
	padding: 0px 8px 0px 0px;
}

#Title a
{
	color: #0a5690;
	text-decoration: none;
}


#Title a:hover
{
	color: #0a5690;
	text-decoration: underline;
}







/* Content Box  */

#contentbar
{
	float: left;
	padding: 5px;
	margin: 0px 0px 0px 10px;
	width: 680px;
	height: auto;
	border-left: 1px dashed #DFE1E0;
}

#contentbar_content
{
	border: 1px solid #D3D3D3;
	background-color: white;
	width: auto;
	height: auto;
	padding: 10px 0px 0 10px;
}

#TitleBox
{
	margin: 30px 0px 0px 0px;
	width: 650px;
	height: 18px;
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 5px;
	overflow: hidden;
	background: #f7f6f6;
	font: 12px Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
}
.sidebar_content_menu 
{
	border: 1px solid #D3D3D3;
	background-color: white;
	width: 260px;
	height: 20px;
	padding: 5px  0px 2px 10px;
	font: 12px Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	margin-top :5px;
	margin-bottom: 5px;
	font-style:normal;
   text-decoration: none;
}
.sidebar_content_menu  a
{
	font: 12px Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;	
	text-decoration: none;
	 color:Gray;
}
.TitleBoxArea
{
	margin: 30px 0px 0px 0px;
	width: 650px;
	height: 18px;
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 5px;
	overflow: hidden;
	background: #f7f6f6;
	font: 12px Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
}

/*Modal Popup*/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.modalPopup
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 5px 5px 5px 5px;
	width: 600px;
	overflow: hidden;
	font: 12px Verdana, Arial, Helvetica, Geneva, sans-serif; 
}
.modalPopupInner
{
	cursor: move; 
	background-color: #DDDDDD;
	border: solid 0px Gray; color: Black;
  	padding: 5px 5px 5px 5px;

}


/* default layout */
.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:10px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* xp theme */
.ajax__tab_xp .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:12px;font-weight:bolder;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-line.gif")%>) repeat-x bottom;}
.ajax__tab_xp .ajax__tab_outer {padding-right:4px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) no-repeat right;height:31px;}
.ajax__tab_xp .ajax__tab_inner {padding-left:3px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_tab {height:25px;padding:5px;margin:0;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-right.gif")%>) no-repeat right;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-right.gif")%>) no-repeat right;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}



/* ajax__tab_xp-theme theme */
.ajax__tab_xp-theme .ajax__tab_header 
{
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    background:url(img/xp/tab-line.gif) repeat-x bottom;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_outer 
{
    padding-right:4px;
    background:url(img/xp/tab-right.gif) no-repeat right;
    height:21px;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_inner 
{
    padding-left:3px;
    background:url(img/xp/tab-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_tab
{
    height:13px;
    padding:4px;
    margin:0;
    background:url(img/xp/tab.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_outer 
{
    background:url(img/xp/tab-hover-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_inner 
{
    background:url(img/xp/tab-hover-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_tab 
{
    background:url(img/xp/tab-hover.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_outer 
{
    background:url(img/xp/tab-active-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_inner 
{
    background:url(img/xp/tab-active-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_tab 
{
    background:url(img/xp/tab-active.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    border:1px solid #999999;
    border-top:0;
    padding:8px;
    background-color:#ffffff;
}

/* ajax__tab_yuitabview-theme theme (img/yui/sprite.png) */
.ajax__tab_yuitabview-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 5px #2647a0;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(img/yui/sprite.png) #d8d8d8 repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(img/yui/sprite.png) #bfdaff repeat-x left -1300px;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
    background:url(img/yui/sprite.png) #2647a0 repeat-x left -1400px;
}
.ajax__tab_yuitabview-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#edf5ff;    
    border:solid 1px #808080;
    border-top-width:0px;
}

/* ajax__tab_technorati-theme theme */
.ajax__tab_technorati-theme .ajax__tab_header 
{
    font-family:"Helvetica Neue", Arial, Sans-Serif;
    background:url(img/technorati/tab-line.png) repeat-x bottom;
    font-size:12px;
    display:block;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(img/technorati/tab.png) no-repeat left top;
    border-color:#222;
    color:#222;
    padding-left:10px;
    margin-right:3px;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner 
{
    background:url(img/technorati/tab.png) no-repeat right top;
    border-color:#666;
    color:#666;
    padding:3px 10px 2px 0px;
}
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner 
{
    color:#000000;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer 
{
    background:url(img/technorati/tab.png) no-repeat 0pt -40px;
    border-bottom-color:#ffffff;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner 
{
    background:url(img/technorati/tab.png) no-repeat right -40px;
    color:#000000;
    border-color:#333
}
.ajax__tab_technorati-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:8px;
    background-color:#ffffff;
    border:solid 1px #d7d7d7;
    border-top-width:0;
}

/* ajax__tab_msngallery-theme theme */
.ajax__tab_msngallery-theme .ajax__tab_header 
{
    background:url(img/msngallery/tab-line.png) repeat-x bottom;
    font-size:12px;
    display:block;
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_outer 
{
    border:solid 1px #D7DCE1;
    padding:1px 1px 0px 1px;
    border-bottom:solid 2px #A8D4D9;
    background-color:#edf2fb;
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab 
{
    padding:6px 10px 6px 10px;
    color:#444444;
    width:117px;
    display:block;
    text-align:center;    
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab img
{
    height:24px;
    width:24px;
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab div
{
    font-family:Verdana, Arial, Sans-Serif;
    font-weight:bold;
    white-space:nowrap;
    line-height:145%;
    font-size:92%;
}
.ajax__tab_msngallery-theme .ajax__tab_active .ajax__tab_outer 
{
    padding:0px 0px 0px 0px;
    border:solid 2px #A8D4D9;
    border-bottom-color:#ffffff;
    background-color:#ffffff;
}
.ajax__tab_msngallery-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:8px;
    background-color:#ffffff;
    border:solid 2px #A8D4D9;
    border-top-width:0;
}

/* ajax__tab_ie-theme theme */
.ajax__tab_ie-theme .ajax__tab_header 
{
    padding-left:5px;
}
.ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab
{
    margin-right:0px;
    background:url(img/ie/tab_unselected.gif);
    width:116px;
    padding:9px 0px 3px 0px;
    text-align:center;    
    color:#006699;
    font-family:verdana;
    font-size:13px;
    display:block;
}
.ajax__tab_ie-theme .ajax__tab_active .ajax__tab_tab 
{
    padding:6px 0px 3px 0px;
    background:url(img/ie/tab_selected.gif);
}
.ajax__tab_ie-theme .ajax__tab_body 
{
    background:url(img/ie/ie_tabbacker_720x296.jpg) no-repeat;
    font-size:13px;
    font-family:verdana;
    height:296px;
    width:716px;
}
.ajax__tab_ie-theme .ajax__tab_body div
{
     padding:8px;
}

