*{margin:0;}
/*
 *{margin:0;font-family:NanumGothic,"나눔고딕","Malgun Gothic",Dotum,"맑은 고딕",Gulim,"굴림",Helvetica;}
*/
/* margin:0; --> calendarextender --> 날짜선택이동... */

/* 기본 */
	
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.printTitle
{
	height:20px; 
	width:100px; 
	text-align:center;
}

.printData
{
	height:20px; 
	text-align:left;
	padding-left:5px;
}

.filedsetDefault {
	border:0;
}

.legendDefault {
	background-image:url(/images/arrow_pn.gif);
	background-position:left center;
	background-repeat:no-repeat; 
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight:bold;
	font-family:"맑은 고딕";
	padding:0px 0px 5px 13px;
}

.main_bg {
	background-image: url(/images/bg.jpg);
	background-repeat: repeat-x;
}

.defaultTable
{
 background-color: #BBBBBB;
 border-top: #6784be 2px solid;
 border-collapse: separate; 
}

.defaultTablePrint
{
 border-collapse:collapse;
 border:1px solid black;
}

.defaultTableNoTopLine
{
 background-color: #BBBBBB;
 border-collapse: separate; 
}

.defaultTitleTR
{
 text-align:center;
 color:#6d6d6d;
 background-color:#E6EEF7;
 font-weight:bold;
 height:30px;
}

.defaultTitleTRSchedule
{
 text-align:center;
 color:#6d6d6d;
 background-color:#E6EEF7;
 font-weight:bold;
}

.defaultHeaderSchedule
{
 text-align:center;
 background-color:#E6EEF7;
 font-weight:bold;
 font-family: "굴림", "맑은 고딕", Seoul, "한강체";
 color: #6d6d6d;
 font-size: 12px;
 line-height: 150%;
 text-decoration: none; 
 border-left:solid 1px #87CEEB;
 border-bottom:solid 1px #87CEEB;
 }

.defaultRowTitleSchedule
{
 text-align:center;
 background-color:#FFFFFF;
 font-weight:bold;
 font-family: "굴림", "맑은 고딕", Seoul, "한강체";
 color: #6d6d6d;
 font-size: 12px;
 line-height: 150%;
 text-decoration: none; 
}

.defaultRowTitleNameSchedule
{
 text-align:center;
 background-color:#FFFFFF;
 font-family: "굴림", "맑은 고딕", Seoul, "한강체";
 color: #6d6d6d;
 font-size: 12px;
 line-height: 150%;
 text-decoration: none; 
}


.defaultRowDataSchedule
{
 text-align:center;
 background-color:#FFFFFF;
 font-family: "굴림", "맑은 고딕", Seoul, "한강체";
 color: #6d6d6d;
 font-size: 12px;
 line-height: 150%;
 text-decoration: none; 
 border-left:solid 1px #87CEEB;
 border-bottom:solid 1px #87CEEB;
}

.defaultDataTR
{
 text-align:center;
 background-color:#FFFFFF;
 /*height:25px;*/
}

.defaultBottomTR
{
 text-align:center;
 color:#20B2AA;
 background-color:#87CEEB;
 font-weight:bold;
 height:30px;
}

.defaultDataTRDisable
{
 text-align:center;
 background-color:#F0F0F0;
}

.defaultDataTRAlter
{
 text-align:center;
 background-color:#f7f7f7;
}

.input {
  border:1px solid #cccccc; 
  background-color:#ffffff; 
  padding-left:2; 
  color: #8b8b8b; 
  font-family: "굴림"; 
  font-size:12px;
  ime-mode:active;
}

a:link {
	font-family: "굴림";
	font-size: 9pt;
	color: #555555;
	text-decoration: none;
	
}
a:visited {
	font-family: "굴림";
	font-size: 9pt;
	color: #555555;
	text-decoration: none;
}
a:hover {
	font-family: "굴림";
	font-size: 9pt;
	color: #5D83AE;
    text-decoration: none;
}

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url(/images/bg_menu_bar.gif);
	background-repeat:repeat-x;
	color:#444444;
	font-size: 12px;
	font-weight:bold;
	cursor:pointer;
}

.collapsePanelHeader2{
	width:100%;
	height:30px;
    background-color:#BCE1F8;
    border: 1px solid gray;
	color:#444444;
	font-size: 12px;
	padding-top:5px;
	font-weight:bold;
	cursor:pointer;
}


/* Accordion Start */
.accordionHeader
{
    border: 1px solid #2F4F4F;
	color:#6d6d6d;
	background-color:#E6EEF7;
	font-weight:bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink
{
 background-color: #D3DEEF;
}
/* Accordion End */

.watermark {
	background: #F5F5F5;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.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:3px;
	width:250px;
}

.modalDrag 
{
	cursor: move; 
	background-color: #DDDDDD; 
	border: solid 1px Gray; 
	color: Black; 
	text-align: center;
	vertical-align:middle;
	height:20px;
	padding-top:5px;
}

.validatorCalloutHighlight 
{
    background-color: #FFFACD; 
}

.tdtitle
{
 text-align:center;
 color:#6d6d6d;
 background-color:#f7fafd;
 font-weight:bold;
}

.tdtitleW50
{
 text-align:center;
 color:#6d6d6d;
 background-color:#f7fafd;
 font-weight:bold;
 width:50px;
}


.tdtitleW80
{
 text-align:center;
 color:#6d6d6d;
 background-color:#f7fafd;
 font-weight:bold;
 width:80px;
}

.tdtitleW100
{
 text-align:center;
 color:#6d6d6d;
 background-color:#f7fafd;
 font-weight:bold;
 width:100px;
}

.tdtitleW150
{
 text-align:center;
 color:#6d6d6d;
 background-color:#f7fafd;
 font-weight:bold;
 width:150px;
}

.tdtitle2
{
 text-align:left;
 color:#6d6d6d;
 padding-left:5px;
 background-color:#f7fafd;
}

.divDefault
{
 font-size: 12px;
 font-family: "굴림", "맑은 고딕", Seoul, "한강체";
 color: #444444;
 line-height: 150%;
 text-decoration: none; 
}

.divDefaultPrintTitle
{
 font-size: 20px;
 color: #000000; 
 font-family: "굴림", "맑은 고딕", Seoul, "한강체";
 line-height: 150%;
 text-decoration: none; 
 font-weight:bold;
 text-align:center;
}

.divDefaultPrint
{
 font-size: 16px;
 color: #000000; 
 font-family: "굴림", "맑은 고딕", Seoul, "한강체";
 line-height: 150%;
 text-decoration: none; 
 
}


.totalRecord
{
 font-size:12px;
 color:#000000;
 font-family:"맑은 고딕";
 font-weight:bold;
}

.txtSmallDefault
{
 font-size:11px;
 color:Gray;
}

.tddata
{
 background-color :#FFFFFF; 
 padding-left:5px;
 text-align:left;
 vertical-align:middle;
}


.tddata_ac
{
 background-color :#FFFFFF; 
 text-align:center;
}

.tddata_ar
{
 background-color :#FFFFFF; 
 text-align:right;
 padding-right:5px;
}

.tdbottom
{
 background-color :#FFFFFF; 
 vertical-align:middle;
 text-align:center;
 height:30px;
}

.tableline
{
 background-color: #e7f1f6;
 width: 100%; 
 color: #e7f1f6; 
 border-collapse:separate;
 border-top: #6784be 2px solid; 
 border-bottom: #6784be 2px solid;
}

.tablelineno
{
 background-color: #e7f1f6;
 width: 100%; 
 color: #e7f1f6; 
 border-collapse:separate; 
 border-top: #ffffff 1px solid;
 border-bottom: #ffffff 1px solid;
 border-left: #ffffff 1px solid;
 border-right: #ffffff 1px solid;
}

.tablelinetop
{
 background-color: #e7f1f6;
 width: 100%; 
 color: #e7f1f6; 
 border-collapse: collapse; 
 border-bottom: #dcdadb 1px solid;
}

.pageNum_style
{
 color:White;
}

.btndefault
{
	background-color:#FFFFFF;
	font-size:12px;
	border : solid 1px #666666;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	height:20px;
	width:85px;	
	color: #000000;
	cursor: pointer;
}
.btndefaultTrAct
{
	background-color:#FFFFCC;
	font-size:12px;
	border : solid 1px #666666;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	height:22px;
	width:85px;	
	color: #000000;
	cursor: pointer;
}

.btndefaultSub
{
	background-color:#99CCFF;
	font-size:12px;
	border : solid 1px #666666;
	text-decoration:none;
	text-align:left;
	vertical-align:middle;
	height:20px;
	width:110px;	
	color: #000000;
	cursor: pointer;
}
.btnSave
{
	background-color:#66CC99;
	font-size:10px;
	border : solid 1px #666666;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	height:20px;
	width:90px;	
	color: #000000;
	cursor: pointer;
}

.btnDelete
{
	background-color:#FF3333;
	font-size:10px;
	border : solid 1px #666666;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	height:20px;
	width:90px;	
	color: #000000;
	cursor: pointer;
}

.dragContainer{
	background-color: #FFC0FF;
	height: 282px;
	width: 357px;
	border-bottom-color: black;
}

.dragHeader{
	background-color: #8080FF; 
	height: 48px;
	width: 358px;	
}

.dragBody{
	background-color: #FFC0FF;
	height: 213px; 
	width: 357px;	
}

.ListSearchExtenderPrompt
{
	font-style:italic;
	color:Gray;
	background-color:white;
}

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

.DivModal {
 background-color:#ffffdd;
 border-width:3px;
 border-style:solid;
 border-color:Gray;
 padding:3px;
 margin:0 auto;
 z-index:1;
 vertical-align:middle;
 text-align:center;
 position:absolute;
 top:50%;
 left:50%;
}

.inputfile
{
  border:1px solid #7f9db9; 
  background-color:#ffffff; 
}

.list_title  { background-color:#5d7b9d; color:#ffffff; font-weight:bold; text-align:center; 
               height:25px; border-bottom:solid 2px #000000; border-top:solid 2px #000000; 
               padding-top:4px; 
             }
.list_item   { background-color:#ffffff; color:#284775; }
.list_item2  { background-color:#eeeeee; color:#333333; }
.list_sep    { background-image:url("/images/line-dot.gif"); }
.list_nodata { background-color:#ffffff; height:50px; text-align:center; }

.CurrentPage 
{
  padding: 2px 6px;
  border: solid 1px #ddd; 
  background: #2E8B57;
  color:White;
}
.PrevNext,.PageNumber
{
  padding: 2px 6px;
  border: solid 1px #ddd;
  text-decoration: none;
  color: #2E8B57;
}
.PageNumber:hover, .PrevNext:hover
{
  background-color: #FFA500;
  color: White;
}
.msgbox
{ 
	clip: rect( ); 
	overflow: hidden; 
	background: none transparent scroll repeat 0% 0%; 
	Border:1px SOLID #000000; 
	font-family: "맑은 고딕"; 
	font-size: 9pt;
}
.imgCursor
{
    cursor:pointer;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(/images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(/images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(/images/SavedStar.png);
}

.tree td div {
	height: 20px !important
}	

/* Designer Generate Style */
.login {
	border:1px solid #e5e5e5;
	background-color:#f2f2f2;
	padding-left:2;
	color: #666666;
	font-family: "맑은 고딕", "돋움", "굴림";
	font-size:9pt;
	height: 18px;
	width: 90px;
}

.solidline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
}

.dotteline {
	font-family: "굴림", "맑은 고딕", Seoul, "한강체";
	font-size: 9pt;
	line-height: 160%;
	color: #333333;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #cccccc;
}

.divideline 
{
    background-color:Orange;
}

/* Text 클래스 */
.SiteMapPath {
	font-family: "맑은 고딕";
	font-size: 12px;
	color: #3a4887;
	font-weight: bold;
	text-decoration: none;
	line-height: 150%;
	text-align:right;
}

.Titletext {
	font-family: "맑은 고딕";
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	line-height: 150%;
}
.Subjecttext01 {
	font-family: "맑은 고딕";
	font-size: 12px;
	color: #444444;
	font-weight: bold;
	text-decoration: none;
	line-height: 160%;
}

.CopyRight {
	font-family: "맑은 고딕";
	font-size: 12px;
	color: #444444;
	text-decoration: none;
	text-align:center;
	padding-top:10px;
}

.text01 {
	font-family: "맑은 고딕";
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	line-height: 150%;
}
.text02 {
	font-family: "맑은 고딕";
	font-size: 12px;
	color: #3a4887;
	font-weight: bold;
	text-decoration: none;
	line-height: 150%;
}
/* TD 클래스 */
td{
	font-family: "굴림", "맑은 고딕", Seoul, "한강체";
	color: #444444;
	font-size: 12px;
	line-height: 150%;
	text-decoration: none;
}

.td01{
	font-family: "굴림", "맑은 고딕", Seoul, "한강체";
	color: #444444;
	font-size: 12px;
	font-weight: bold;
	background-color: #e6eef7;
	height: 25px;
	line-height: 200%;
}

.td02{
	font-family: "굴림", "맑은 고딕", Seoul, "한강체";
	color: #444444;
	font-size: 12px;
	background-color: #ffffff;
	height: 25px;
	line-height: 200%;
}

.imageCursor
{
	cursor:pointer;
}

.attCol
{
	/*border-collapse: collapse;*/
	/*border: solid 1px #CCCCCC;*/
    border-left:solid 1px #cccccc;
}

.divSundayAtt{
	background-color: #F5EEF9;
}

.divTableHeader
{
	border-right: solid 1px #cccccc;
	background-color: #E6EEF7;
	border-collapse: collapse;
	text-align: center;
	color: #6d6d6d;
	font-weight: bold;
	font-family: "맑은 고딕";
	color: #444444;
	font-size: 9pt;
	line-height: 190%;
	text-decoration: none;
}

.divTableHeaderNoRightLine
{
	background-color: #E6EEF7;
	border-collapse: collapse;
	text-align: center;
	color: #6d6d6d;
	font-weight: bold;
	font-family: "맑은 고딕";
	color: #444444;
	font-size: 9pt;
	line-height: 190%;
	text-decoration: none;
}

.divTableHeaderBLine
{
	border-bottom: solid 1px #cccccc;
}

.divTableData
{
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	text-align:center;
	background-color:#FFFFFF;
	font-family: "맑은 고딕";
	color: #444444;
	font-size: 9pt;
	line-height: 190%;
	text-decoration: none;
}

.divTableDataNoRightLine
{
	border-top: solid 1px #cccccc;
	text-align:center;
	background-color:#FFFFFF;
	font-family: "맑은 고딕";
	color: #444444;
	font-size: 9pt;
	line-height: 190%;
	text-decoration: none;
}

.divTableOuter
{
	border-top: solid 2px #6784be;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-collapse: collapse;
}

.smsEmoticon
{
	text-align:center; 
	cursor:pointer; 
	float:left; 
	background-color:#E6EEF7; 
	width:130px;
	height:30px; 
	border:solid 1px gray; 
	margin:1px 1px 1px 1px;
}

.smsEmoticonSpcChar
{
	text-align:center; 
	cursor:pointer; 
	float:left; 
	background-color:#E6EEF7; 
	width:70px; 
	height:20px; 
	border:solid 1px gray; 
	margin:1px 1px 1px 1px;
}

.txtNumber
{
	width:50px;
}

.txtMoney
{
	width:120px;
}

.infoAttListHeader
{
    border-left:solid 1px #cccccc;
    float:left;
    width:12px;
    text-align:center;
}
.infoAttListItem
{
    border-left:solid 1px #cccccc;
    float:left;
    width:12px;
    text-align:left;
}

.attLayer
{
	border-width:1px; 
	border-color:black; 
	border-style:solid; 
	overflow:visible;
	background-color:#FFFFE0;
	padding:3px 3px 3px 3px;
	font-family: "맑은 고딕";
	color: #444444;
	font-size: 9pt;

}

.labelLinkBlue
{
	cursor:pointer;
	color:Blue;
}

.ulNoBullet
{
	list-style:none;
    padding: 0px 0px 0px 0px;
}

.visibleFalse
{
	visibility:hidden;
	width:0px;
	height:0px;
}

.viewLabelColor
{
    border:solid 1px Black;
    padding:3px 3px 3px 3px;
    margin:1px 1px 1px 1px;
}

.imgPic
{
	text-align:center;
	border-color:Black;
	border-width:1px;
	border-style:Solid;
}

.labelInfo
{
	cursor:help;
	color:Fuchsia;
}

.labelInfoBirth
{
	cursor:pointer;
	color:#000000;
}

.labelInfoBirthMan
{
	cursor:pointer;
	color:#000099;
}

.labelInfoBirthWoman
{
	cursor:pointer;
	color:#990033;
}


.labelInfoWoman
{
	cursor:help;
	color:#990033;
}

.labelInfoDetail {
	background-color:#f0f0f0;
	border-width:1px;
	border-style:solid;
	border-color:Black;
	padding:1px 1px 1px 1px;
}

.labelInfoPic
{
	float:left;
	width:80px;
    text-align:center;
    vertical-align:middle;
	border-color:Black;
	border-width:1px;
	border-style:Solid;
	float:left;    
}

.labelInforText
{
	color: #000000; 
	font-family: "맑은 고딕"; 
	float:left; 
	padding: 1px 3px 1px 3px; 
	text-align:left; 
	font-weight:normal; 
	font-size:12px;
    list-style:none;
    padding:1px 3px 1px 3px;
}

.popupMenu
{
	position:absolute;
	display:none;
	padding:10px;
	border:1px solid #b5b2b5;
	background-color:#efefef;
	margin-left:-2px;
	margin-top:-2px;
	line-height:1.4;
	white-space:nowrap;
	cursor:pointer;
}

.popupMenuBtn
{
	position:absolute;
	display:none;
	padding:5px;
	border:1px solid #000000;
	background-color:#6699FF;
	margin-top:-2px;
	line-height:1.4;
	white-space:nowrap;
	cursor:pointer;
}

.popupMenuBtnWhite
{
	position:absolute;
	display:none;
	padding:5px;
	border:1px solid #000000;
	background-color:#FFFFFF;
	margin-top:-2px;
	line-height:1.4;
	white-space:nowrap;
	cursor:pointer;
}

.popupMenuDefault
{
	position:absolute;
	display:none;
	padding:5px;
	border:1px solid #b5b2b5;
	background-color:#efefef;
	margin-left:-2px;
	margin-top:-2px;
	line-height:1.4;
	white-space:nowrap;
	z-index:1;
}

.rangeBossInfoDefault
{
	border:1px solid #b5b2b5;
	background-color:#efefef;
	padding:5px;
}

.rangeBossInfoPic
{
	width:75px;
	height:90px;
    text-align:center;
    vertical-align:middle;
	border-color:Black;
	border-width:1px;
	border-style:Solid;
}

.rangeBossInfoText
{
	color: #000000; 
	font-family: "맑은 고딕"; 
	padding: 1px 3px 1px 3px; 
	text-align:left; 
	font-weight:normal; 
	font-size:12px;
    list-style:none;
}
.imgLoader
{
	padding:2px 2px 0px 0px;
	vertical-align:middle;
	text-align:center;
}

/* 메뉴 버그 fix */
.adjustedZIndex {
    z-index: 1;
}


/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 13px/100% 굴림, 맑은 고딕, Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-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 {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

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

/* color styles 
---------------------------------------------- */

/* black */
.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');
}
.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');
}
.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 */
.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');
}
.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');
}
.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 */
.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');
}
.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');
}
.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 */
.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');
}
.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');
}
.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 */
.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');
}
.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');
}
.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 */
.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');
}
.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');
}
.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 */
.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');
}
.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');
}
.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 */
.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');
}
.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');
}
.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 */
.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');
}
.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');
}
.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');
}

.add:before
{
	content:"\271A";
    padding-right:5px;	
}
/*-----------------------------------------------------------------------------------------------*/
/*                                            TOOLTIP                                            */
/*-----------------------------------------------------------------------------------------------*/

.toolTip { /* This is the hook that the jQuery script will use */
	padding-right: 20px; /* This is need to make sure that the help icon is always visible */
	background: transparent url(/images/help.gif) no-repeat right;
	color: #3366FF;
	cursor: help;
	position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}

.toolTipWrapper { /* The wrapper holds its insides together */
	width: 175px;
	position: absolute; /* Absolute will make the tooltip float above other content in the page */
	top: 20px;
	display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
	color: #FFF;
	font-weight: bold;
	font-size: 9pt; /* A font size is needed to maintain consistancy */
}

.toolTipTop { /* Top section of the tooltip */
	width: 175px;
	height: 30px;
	background: transparent url(/images/bubbleTop.gif) no-repeat;
}

.toolTipMid { /* Middle section of the tooltip */
	padding: 8px 15px;
	background: #A1D40A url(/images/bubbleMid.gif) repeat-x top;
}

.toolTipBtm { /* Bottom Section of the tooltip */
	height: 13px;
	background: transparent url(/images/bubbleBtm.gif) no-repeat;
}

/*Reorder List*/
.dragHandle {
	width:20px;
	height:20px;
	background-color:Blue;
	background-image:url(/images/bg-menu-main.png);
	cursor:move;
	border:outset thin white;
}

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	background-color:#5377A9;	
	color:Black;
}


.reorderList li {
	list-style:none;
	margin:2px;
	background-image:url(/images/bg_nav.gif);
	background-repeat:repeat-x;
	color:#FFF;
}

.dragVisualContainer li  {
    list-style:none;
	background-image:url(/images/bg_nav.gif);
	background-repeat:repeat-x;
	color:#FFF;
}

.reorderList li a {color:#FFF !important; font-weight:bold;}

.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
	color:White;
	font-weight:bold;
}


/* .ajax__tab_header - A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. */
/* .ajax__tab_outer - An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. */
/* .ajax__tab_inner	 - An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. */
/* .ajax__tab_tab - An element of the tab that contains the text content. Child CSS classes:none. */
/* .ajax__tab_body - A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. */
/* .ajax__tab_hover - This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. */
/* .ajax__tab_active - This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. */   

/* XP IE7 theme - Backgrounds */
.visoft__tab_xpie7 .ajax__tab_header					{ background:url(/images/tab-line.gif) repeat-x bottom; }
.visoft__tab_xpie7 .ajax__tab_outer						{ background:url(/images/tab-right.gif) no-repeat right; }
.visoft__tab_xpie7 .ajax__tab_inner						{ background:url(/images/tab-left.gif) no-repeat; }
.visoft__tab_xpie7 .ajax__tab_tab						{ background:url(/images/tab.gif) repeat-x; }
.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_outer	{ background:url(/images/tab-hover-right.gif) no-repeat right; }
.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_inner	{ background:url(/images/tab-hover-left.gif) no-repeat; }
.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_tab		{ background:url(/images/tab-hover.gif) repeat-x; }
.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_outer	{ background:url(/images/tab-active-right.gif) no-repeat right; }
.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_inner	{ background:url(/images/tab-active-left.gif) no-repeat; }
.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_tab		{ background:url(/images/tab-active.gif) repeat-x; }

/* XP IE7 theme - Other Styles */
.visoft__tab_xpie7 .ajax__tab_header 					{ font-family:verdana,tahoma,helvetica;font-size:11px; }
.visoft__tab_xpie7 .ajax__tab_outer						{ height:29px; }
.visoft__tab_xpie7 .ajax__tab_inner						{ padding-left:3px; }
.visoft__tab_xpie7 .ajax__tab_tab						{ padding:8px 7px;margin:0; }
.visoft__tab_xpie7 .ajax__tab_body						{ font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff; }



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%;
	z-index:1;
}
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;
	z-index:2;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 0.8em;
	padding: 0 10px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
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--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 10px;
	font-size: 1.2em;
}