/* CSS for WK */

/* ####### Reset ####### */
* { margin: 0; padding: 0; }
body, input, select, textarea { font: 12px Georgia,serif,나눔고딕,돋움,굴림,dotum,gulim; line-height: 18px; }
body { color: #222; }

h1, h2, h3, h4, h5 { font-family: Georgia,serif,나눔고딕,돋움,굴림,dotum,gulim; color: #222; }
h1 a, h2 a, h3 a, h4 a, h5 a { color: #222; text-decoration: none; }
h1 { font-size: 20px; }
h2 { font-size: 16px; }
h3 { font-size: 15px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }

p { font-size: 12px; line-height: 18px; }
small { color: #fff; font-size: 12px; }
input, checkbox, select { vertical-align: middle; font-size: 12px; }
img { border: 0; vertical-align: middle; }
td { vertical-align: top; }
input[type="submit"], input[type="button"] { font-size: 12px; padding: 1px 8px; }

a, .ui-state-highlight .text a, .ui-widget-content .text a { color: #3b5998; text-decoration: none; outline: none; }
a:hover, .text a:hover { text-decoration: underline; }
a.ui-state-hover { color: #212121; }
a.external { background: url(images/external.png) no-repeat 100% 50%; padding-right: 12px; margin-right: 4px; }

hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; margin: 8px 0 16px; }

/* ######## Misc ######## */

.err { background-color: #c00; padding: 10px; color: #fff; font: 14px Arial; font-weight: bold; }
.err a { color: yellow; }

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 3px 0 3px 15px; display: inline; }
img.alignleft { margin: 3px 15px 3px 0; display: inline; }

img.noBorder { border: 0; padding: 0; background: none; }
img.noBorder:hover { border: 0; padding: 0; background: none; }

.noLeftMargin { margin-left: 0; }
.noRightMargin { margin-right: 0; }

.alignright { float: right; }
.alignleft { float: left; }

.black { color: #000; }
.red { color: #FE3131; }
.ired { color: indianred; }
.green { color: #459e00; }
.blue { color: #3B5998; }
.yellow { color: #ff2; }
.grey { color: #999; }
.darkgrey { color: #666; }

span.bg { width: 100px; background-color: #ccc; }

/* ######## Buttons and Menus ######## */
.simpleButton { background: url(images/default/blueArrow.gif) no-repeat left 60%; color: #42b7d4; padding-left: 10px; cursor: pointer; }
.simpleButton:hover { color: #42B7D4; }

.simpleMenu { list-style-type: none; }
.simpleMenu li { float: left; margin: 0 0 0 10px; }
.simpleMenu li a { color: #efe5ca; font-size: 11px; text-decoration: none; border-right: 1px solid #666666; padding: 0 10px 0 0; }
.simpleMenu li a:hover { color: #42b7d4; text-decoration: underline; }

.learnMore, .hireNow, .signUpButton, .logIn { 
	background: url(images/default/buttons/learnMore.png) no-repeat left top;
	text-indent: -9999px;
	height: 45px;
	width: 195px;
	display: block;
	border: 0;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
 }

select.group option { padding: 4px 0; }
select.group option.select-hr { border-bottom: 1px dotted #000; }


/* ######## Header ######## */
#header { height: 80px; position: relative; background: #666 url(images/backgrounds/header.png) repeat-x top left; }
#header span.logo { top: 18px; left: 10px; position: absolute; }

/* ######## Content ######## */
#center { background: #fff url(images/backgrounds/content.png) repeat-y center center; padding: 20px 0; line-height: 1.3em; }

/* ######## Footer ######## */
#footer {background: #222 url(images/backgrounds/footer.png) repeat-x top left; padding: 30px 0 20px; }
#footer p { font-size: 11px; color: #ddd; }
#footer hr { border: 0 #89877e dashed; border-top-width: 1px; height: 0; margin: 8px 0 16px; }
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5 { color: #999; }
#footer a { text-decoration: none; outline: none; color: #bab290; }
#footer a:hover { text-decoration: underline; }
#footer #footerBottom .left { float: left; font-size: 11px; height: 24px; line-height: 24px; }
#footer #footerBottom .right { float: right; font-size: 11px; height: 24px; line-height: 24px; }









/* Button Reset */
input.button { cursor: pointer; border: outset 1px #333; background:#666; color:#fff; font-weight: bold; padding: 6px 20px; }
input.button-alt { cursor: pointer; border: outset 1px #888; background:#ccc; color:#000; font-weight: bold; padding: 6px 20px; margin-left: 10px; }

input.button:hover,
input.button:active,
input.button:focus { background:#ccc; color:#222;}

input.button-alt:hover,
input.button-alt:active,
input.button-alt:focus { background:#fff; color:#222;}

/* ######## Content ######## */
div.content { }
div.content hr { margin: 10px 0; }


div.content blockquote { margin: 15px 0 15px 30px; border-left: 10px solid #cccccc; padding-left: 30px; }
div.content blockquote p { color: #cccccc; font-style: italic; }

div.content .paragraph { margin-left: 10px; padding: 10px; }
div.content .paragraph p { font-size: 1.4em; }
div.content .paragraph p span.box { display: block; float: left; width: 24px; text-align: center; background: #3b5998; color: #fff; font-weight: bold; margin-right: 10px; }
div.content .paragraph ul {  }
div.content .paragraph li { margin-left: 32px; line-height: 26px; }

dl dt { 
    background: #6a6a6a;
    color: #fff;
    width: 42px;
	clear: left;
    float: left;
    font-weight: bold;
    margin: 2px 10px 2px 0;
    padding: 5px;
 }
 
dl dd { 
	float: left;
	width: 636px;
    margin: 2px 0;
    padding: 5px 0;
 }



#toggleLanguage { width: 220px; height:22px; margin-bottom: 10px; }
#toggleLanguage .english {cursor:pointer; background:url(images/toggle-english.png) left top no-repeat; width: 110px; height:22px; float: left;}
#toggleLanguage .korean {cursor:pointer; background:url(images/toggle-korean.png) left top no-repeat; width: 110px; height:22px; float: left;}
#toggleLanguage .hover {background-position: left -22px; }
#toggleLanguage .checked {background-position: left -44px; cursor: text; }
#toggleLanguage label a { width: 1px; height: 1px; text-decoration: none; position: absolute; left: -9999px; }





ul.pmList { padding: 0; margin: 10px 0; }
ul.pmList li { list-style-type: none; padding: 5px; line-height: 1.4em; border-bottom: 1px dotted #ccc; background: #fff; }
ul.pmList li:first-child { border-top: 1px dotted #ccc; }
ul.pmList li:hover { background-color: #b3ce65; }

ul.pmList li .hook { float: left; margin-right: 10px; min-height: 22px; overflow: hidden; width: 20px; }
ul.pmList li .avatar { float: left; margin-right: 10px; min-height: 22px; overflow: hidden; width: 22px; }
ul.pmList li .trunk { float: left; margin-right: 10px; min-height: 22px; overflow: hidden; width: 198px; }
ul.pmList li .action { float: left; margin-right: 10px; min-height: 22px; overflow: hidden; width: 230px; }
ul.pmList li .timestamp { float: left; margin-right: 10px; min-height: 22px; overflow: hidden; width: 100px; }
ul.pmList li .stat { float: left; min-height: 22px; overflow: hidden; width: 50px; }
ul.pmList li .avatar img { background-color: #fff; width: 20px; height: 20px; border: 1px #ccc solid; }
ul.pmList li.no-item { height: 24px; }

ul.pmList li .item-content { display: none; border: 3px solid #ccc; padding: 10px; background: #fff; margin: 10px 0; }
ul.pmList li .item-content { display: none; }

/*
#content .ui-widget { font-family: "Trebuchet MS",Arial,sans-serif,나눔고딕,돋움,굴림,dotum,gulim; font-size: 11px; }
#content .ui-tabs { padding: 0; }
#content .ui-tabs .ui-tabs-nav { padding: 0; }
#content .ui-tabs .ui-tabs-nav li { margin: 2px 0px 1px 2px; }
#content .ui-tabs .ui-tabs-nav li a { padding: 2px 10px; }
#content .ui-tabs .ui-tabs-panel { padding: 0; }
#tabsWrapper .ui-widget-header { border-bottom: none; }
#tabsWrapper .ui-widget-content { border: none; }
*/

#content .ui-widget { font: 12px Georgia,serif,나눔고딕,돋움,굴림,dotum,gulim; line-height: 18px; }
#content .ui-tabs .ui-tabs-panel a { color: #3b5998; }
#content .ui-tabs .ui-tabs-panel span.options a { display: block; float: left; background-color: #bbcde3; padding: 5px 10px; border-right: 1px dashed #666; }
#content .ui-tabs .ui-tabs-panel span.options a.choosed { background-color: #3b5998; color: #fff; }
#content .ui-tabs .ui-tabs-panel span.options a:hover { text-decoration: none; background-color: #78b919; color: #fff; }
#content .ui-tabs .ui-tabs-panel span.options a.choosed:hover { background-color: #3b5998; color: #fff; cursor: text; }

#content input[type=text], #content input[type=password], #content select { height: 20px; line-height: 20px; }
#content table { width: 100%; }
#content table.gap td { padding-bottom: 10px; }

#content h2, #content h3, #content h4 { margin-bottom: 10px; }

#content .widgetContainer { background-color: orange; border-radius: 5px; padding: 10px; margin-bottom: 10px; }

#inviteList .rsvps > div.row { background: #fff; padding-top: 5px; padding-bottom: 5px; border-right: 1px #ccc solid; border-bottom: 1px #ccc solid; border-left: 1px #ccc solid; font-size: 11px; }
#inviteList .rsvps > div.row:first-child { border-top: 1px #ccc solid; }
#inviteList .rsvps > div.partner { background: #fffccb !important; }
#inviteList .rsvps > div.odd { background: #fff; }
#inviteList .rsvps > div.even { background: #eee; }
#inviteList .rsvps > div.row:nth-child(odd) { background: #fff; }
#inviteList .rsvps > div.row:nth-child(even) { background: #eee; }

#inviteList .rsvps .no-item { background: #fff; padding: 5px 8px; border: 1px #ccc solid; }

#inviteList .rsvps > div.row .action { float: left; width: 45px; padding: 5px; }
#inviteList .rsvps > div.row .avatar { float: left; margin: 0 10px 0 5px; width: 32px; }
#inviteList .rsvps > div.row .avatar img { width: 30px; height: 30px; border: 1px #ccc solid; }
#inviteList .rsvps > div.row .trunk { float: left; width: 606px; }

#inviteList .rsvps .number { display: block; width: 24px; height: 24px; background: url("/style/images/backgrounds/list.number.png") repeat scroll 0 0 transparent; margin: 0 auto; text-align: center; padding-top: 4px; }

#inviteList .rsvps .button-select { display: block; width: 34px; height: 22px; background: url("/style/images/button.select.png") repeat scroll 0 0 transparent; margin: 0 auto; }
#inviteList .rsvps .button-select:hover { background-position: left bottom; }
#inviteList .rsvps .button-cancel { display: block; width: 34px; height: 22px; background: url("/style/images/button.cancel.png") repeat scroll 0 0 transparent; margin: 0 auto; }
#inviteList .rsvps .button-cancel:hover { background-position: left bottom; }


#commentList { margin: 10px 0; }
#commentList li { background-color: #fff; line-height: 1.4em; padding: 5px; list-style-type: none; border-bottom: 1px #ccc dotted; }
#commentList li:first-child { border-top: 1px #ccc dotted; }
#commentList li .avatar { float: left; width: 50px; min-height: 32px; margin-right: 10px; overflow: hidden; }
#commentList li .avatar img { width: 48px; height: 48px; }
#commentList li .trunk  { float: left; width: 640px; min-height: 32px; overflow: hidden; }


.sort a { color: #888; }
.sort a.selected { font-weight: bold; color: #444; }

.content .widgetContainer { padding: 10px; margin-bottom: 10px; }
.content .widgetGray { background-color: #ccc; border: 1px solid #aaa; }
.content .widgetGreen { background-color: #b3ce65; border: 1px solid #ee5; }
.content .widgetColor1 { background-color: #ddd; color: #000; }
.content .widgetColor2 { background-color: #000; color: #fff; }
.content .widgetColor3 { background-color: #ddd; color: #000; filter: alpha(opacity=80); opacity: 0.8; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.content .widgetColor4 { background-color: #000; color: #fff; filter: alpha(opacity=80); opacity: 0.8; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.rounded { -moz-border-radius: 5px; border-radius: 5px; }

#content fieldset { border: 1px #aaa solid; -moz-border-radius: 5px; border-radius: 5px; }
#content fieldset legend { font-size: 12px; margin-left: 10px; padding: 0 5px; }
#content .infldset { margin: 0; }

/*
#content fieldset td.pad { padding-bottom: 6px; }
#content fieldset input { font-size: 12px; line-height: 16px; }
#content fieldset select { font-size: 12px; line-height: 16px; }
#content fieldset textarea { font-size: 12px; line-height: 16px; }
*/



#activityList .thumb { float: left; width: 102px; background-color: #eee; border: 1px #aaa solid; white-space: nowrap; overflow: hidden; padding: 10px 10px 4px 10px; margin: 0 10px 10px 0; -moz-border-radius: 5px; border-radius: 5px; position: relative; }
#activityList .thumb:hover { background-color: #222; border: 1px #666 solid; }
#activityList .thumb .image img { width: 100px; height: 100px; border: 1px #aaa solid; }
#activityList .thumb:hover .image img { border: 1px #fff solid; }
#activityList .thumb .caption { font: 11px Verdana,Arial,나눔고딕,돋움,dotum; color: #aaa; padding-top: 4px; }
#activityList .thumb:hover .caption { color: #fff; }











#contentWrap table.border { width: 100%; border: 1px #ccc solid; margin: 5px 0; }
#contentWrap table.border td { border: 1px #ddd solid; padding: 5px 0; }
#contentWrap table.border td.gray { background-color: #eee; }
#contentWrap table.border td.blu { background-color: #eef; }
#contentWrap table.border td.grn { background-color: #ffe; }


#contentWrap table.stat { border: none; width: 100%; border-collapse: collapse; }
#contentWrap table.stat td { font: 11px 나눔고딕,돋움,dotum; border: 1px #cfcfcf solid; padding: 2px; }

#contentWrap table.stat tr.statDesc { background: url(images/ui-bg_gloss-wave_100_ece8da_500x100.png) repeat-x scroll 50% 50% #ECE8DA; }
#contentWrap table.stat tr.statDesc td { color: #404040; width: 25%; text-align: center; }
#contentWrap table.stat tr.statRow:hover { background-color: #eaeaea; }
#contentWrap table.stat tr.statRow td { width: 25%; text-align: center; }

#contentWrap table.tee td { padding: 5px; background-color: #eee; }
#contentWrap table.tee td.bg { background-color: #ccc; text-align: center; }
#contentWrap table.tee td input[type=text], #contentWrap td select { line-height: 18px; }

#contentWrap .alert { position: relative; border: 1px #d5c15d solid; margin-bottom: 10px; }
#contentWrap .alert-red { border: 1px #e77878 solid; }
#contentWrap .alert-green { border: 1px #68c266 solid; }

#contentWrap .alert .alert-left { background: #fffccb url('/img/extras/window/alert.left.yellow.gif') no-repeat left top; }
#contentWrap .alert-red .alert-left { background-color: #ffcfcf; background-image: url('/img/extras/window/alert.left.red.gif'); }
#contentWrap .alert-green .alert-left { background-color: #d6f8d5; background-image: url('/img/extras/window/alert.left.green.gif'); }

#contentWrap .alert .alert-right { background: url('/img/extras/window/alert.right.yellow.gif') no-repeat right top; padding: 6px 35px 8px 55px; }
#contentWrap .alert-red .alert-right { background-image: url('/img/extras/window/alert.right.red.gif'); }
#contentWrap .alert-green .alert-right { background-image: url('/img/extras/window/alert.right.green.gif'); }

#contentWrap .alert .alert-close { background: url('/img/extras/window/alert.close.yellow.gif'); height: 17px; position: absolute; right: 4px; top: 4px; width: 17px; }
#contentWrap .alert .alert-close:hover { background-position: left bottom; }
#contentWrap .alert-red .alert-close { background-image: url('/img/extras/window/alert.close.red.gif'); }
#contentWrap .alert-green .alert-close { background-image: url('/img/extras/window/alert.close.green.gif'); }

#contentWrap .box-close { background: url("/img/extras/window/close.gray.png") repeat scroll 0 0 transparent; width: 17px; height: 17px; position: absolute; right: 4px; top: 4px; z-index: 100; }
#contentWrap .box-close:hover { background-position: left bottom; }

#contentWrap .box { position: relative; margin-bottom: 10px; }
#contentWrap .box .box-title { background: #fffccb url('/style/images/backgrounds/invite-preview.png') no-repeat left top; padding: 5px 10px; }
#contentWrap .box .box-detail { width: 100%; border-collapse: collapse; border: none; table-layout: auto; }
#contentWrap .box .box-detail tr.hide { display: none; }
#contentWrap .box .box-detail td { border: 1px solid #d5c15d; padding: 5px; }
#contentWrap .box .box-detail td.center { text-align: center; }
#contentWrap .box .box-detail td:first-child { width: 52px; text-align: center; background-color: #ffe; }
#contentWrap .box .box-detail td ul { margin-left: 16px; }

#contentWrap .box .box-close { background: url('/img/extras/window/alert.close.yellow.gif'); height: 17px; position: absolute; right: 4px; top: 4px; width: 17px; }
#contentWrap .box .box-close:hover { background-position: left bottom; }

#contentWrap img.avatar { width: 48px; height: 48px; background: #fff; border: 1px solid #ccc; }

#contentWrap .list-item-header .row1 { background: #fff url('/style/images/backgrounds/invite-preview.png') repeat-x left top; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; border-left: 1px solid #ccc; float: left; width: 50px; padding: 6px 4px; text-align: center; }
#contentWrap .list-item-header .row2 { background: #fff url('/style/images/backgrounds/invite-preview.png') repeat-x left top; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; float: left; width: 60px; padding: 6px 4px; text-align: center; }
#contentWrap .list-item-header .row3 { background: #fff url('/style/images/backgrounds/invite-preview.png') repeat-x left top; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; float: left; width: 60px; padding: 6px 4px; text-align: center; }
#contentWrap .list-item-header .row4 { background: #fff url('/style/images/backgrounds/invite-preview.png') repeat-x left top; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; float: left; width: 129px; padding: 6px 4px; text-align: center; }
#contentWrap .list-item-header .row5 { background: #fff url('/style/images/backgrounds/invite-preview.png') repeat-x left top; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; float: left; width: 60px; padding: 6px 4px; text-align: center; }
#contentWrap .list-item-header .row6 { background: #fff url('/style/images/backgrounds/invite-preview.png') repeat-x left top; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; float: left; width: 60px; padding: 6px 4px; text-align: center; }
#contentWrap .list-item-header .row7 { background: #fff url('/style/images/backgrounds/invite-preview.png') repeat-x left top; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; float: left; width: 60px; padding: 6px 4px; text-align: center; }
#contentWrap .list-item-header .row8 { background: #fff url('/style/images/backgrounds/invite-preview.png') repeat-x left top; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; float: left; width: 50px; padding: 6px 4px; text-align: center; }
#contentWrap .list-item-header .row9 { background: #fff url('/style/images/backgrounds/invite-preview.png') repeat-x left top; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; float: left; width: 60px; padding: 6px 4px; text-align: center; }
#contentWrap .list-item-header .row0 { background: #fff url('/style/images/backgrounds/invite-preview.png') repeat-x left top; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; float: left; width: 69px; padding: 6px 4px; text-align: center; }

#contentWrap .list-item .row1 { background: #eee; border-bottom: 1px solid #ddd; border-left: 1px solid #ccc; float: left; width: 50px; height: 48px; padding: 12px 4px 0; text-align: center; }
#contentWrap .list-item .row2 { background: #eee; border-bottom: 1px solid #ddd; float: left; width: 60px; height: 50px; padding: 5px 4px; text-align: center; white-space: nowrap; overflow: hidden; }
#contentWrap .list-item .row3 { background: #eee; border-bottom: 1px solid #ddd; float: left; width: 60px; height: 48px; padding: 12px 4px 0; text-align: center; }
#contentWrap .list-item .row4 { background: #eee; border-bottom: 1px solid #ddd; float: left; width: 129px; height: 48px; padding: 12px 4px 0; text-align: center; white-space: nowrap; overflow: hidden; }
#contentWrap .list-item .row5 { background: #eee; border-bottom: 1px solid #ddd; float: left; width: 60px; height: 48px; padding: 12px 4px 0; text-align: center; }
#contentWrap .list-item .row6 { background: #eee; border-bottom: 1px solid #ddd; float: left; width: 60px; height: 48px; padding: 12px 4px 0; text-align: center; }
#contentWrap .list-item .row7 { background: #eee; border-bottom: 1px solid #ddd; float: left; width: 60px; height: 48px; padding: 12px 4px 0; text-align: center; }
#contentWrap .list-item .row8 { background: #eee; border-bottom: 1px solid #ddd; float: left; width: 50px; height: 48px; padding: 12px 4px 0; text-align: center; }
#contentWrap .list-item .row9 { background: #eee; border-bottom: 1px solid #ddd; float: left; width: 60px; height: 48px; padding: 12px 4px 0; text-align: center; }
#contentWrap .list-item .row9 > span.no_rsvps {color: red;}
#contentWrap .list-item .row0 { background: #eee; border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; float: left; width: 69px; height: 48px; padding: 12px 4px 0; text-align: center; }


#contentWrap .list-user-header .row1 { background: #fff url('/style/images/backgrounds/invite-preview.png') repeat-x left top; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; border-left: 1px solid #ccc; float: left; width: 90px; padding: 6px 4px; text-align: center; }
#contentWrap .list-user-header .row2 { background: #fff url('/style/images/backgrounds/invite-preview.png') repeat-x left top; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; float: left; width: 71px; padding: 6px 4px; text-align: center; }
#contentWrap .list-user-header .row3 { background: #fff url('/style/images/backgrounds/invite-preview.png') repeat-x left top; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; float: left; width: 71px; padding: 6px 4px; text-align: center; }
#contentWrap .list-user-header .row4 { background: #fff url('/style/images/backgrounds/invite-preview.png') repeat-x left top; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; float: left; width: 71px; padding: 6px 4px; text-align: center; }
#contentWrap .list-user-header .row5 { background: #fff url('/style/images/backgrounds/invite-preview.png') repeat-x left top; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; float: left; width: 71px; padding: 6px 4px; text-align: center; }
#contentWrap .list-user-header .row6 { background: #fff url('/style/images/backgrounds/invite-preview.png') repeat-x left top; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; float: left; width: 71px; padding: 6px 4px; text-align: center; }
#contentWrap .list-user-header .row7 { background: #fff url('/style/images/backgrounds/invite-preview.png') repeat-x left top; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; float: left; width: 71px; padding: 6px 4px; text-align: center; }
#contentWrap .list-user-header .row8 { background: #fff url('/style/images/backgrounds/invite-preview.png') repeat-x left top; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; float: left; width: 71px; padding: 6px 4px; text-align: center; }
#contentWrap .list-user-header .row9 { background: #fff url('/style/images/backgrounds/invite-preview.png') repeat-x left top; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; float: left; width: 79px; padding: 6px 4px; text-align: center; }

#contentWrap .list-user .row1 { background: #eee; border-bottom: 1px solid #ddd; border-left: 1px solid #ccc; float: left; width: 90px; height: 50px; padding: 5px 4px; text-align: center; white-space: nowrap; overflow: hidden; }
#contentWrap .list-user .row2 { background: #eee; border-bottom: 1px solid #ddd; float: left; width: 71px; height: 48px; padding: 12px 4px 0; text-align: center; }
#contentWrap .list-user .row3 { background: #eee; border-bottom: 1px solid #ddd; float: left; width: 71px; height: 48px; padding: 12px 4px 0; text-align: center; }
#contentWrap .list-user .row4 { background: #eee; border-bottom: 1px solid #ddd; float: left; width: 71px; height: 48px; padding: 12px 4px 0; text-align: center; white-space: nowrap; overflow: hidden; }
#contentWrap .list-user .row5 { background: #eee; border-bottom: 1px solid #ddd; float: left; width: 71px; height: 48px; padding: 12px 4px 0; text-align: center; }
#contentWrap .list-user .row6 { background: #eee; border-bottom: 1px solid #ddd; float: left; width: 71px; height: 48px; padding: 12px 4px 0; text-align: center; }
#contentWrap .list-user .row7 { background: #eee; border-bottom: 1px solid #ddd; float: left; width: 71px; height: 48px; padding: 12px 4px 0; text-align: center; }
#contentWrap .list-user .row8 { background: #eee; border-bottom: 1px solid #ddd; float: left; width: 71px; height: 48px; padding: 12px 4px 0; text-align: center; }
#contentWrap .list-user .row9 { background: #eee; border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; float: left; width: 79px; height: 48px; padding: 12px 4px 0; }


#contentWrap td { padding: 5px 0; }

#contentWrap .list-content { position: relative; display: none; width: 714px; border: 3px solid #b5c74f; padding: 10px; background: #e5ece0; color: #000; }
#contentWrap .list-accepted { background: #408e0b; }
#contentWrap .list-content .wrapper { padding: 10px; }
#contentWrap .list-content .wrapper ul { margin-left: 16px; }

#contentWrap .list-content table.detail td { border: 1px solid #ccc; background: #fff; }

#contentWrap .list-content .legend { background: #fff url('/style/images/backgrounds/list.header.png') repeat-x left top; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding: 5px 8px; }
#contentWrap .list-content .legend .desc { color: #888; margin-left: 16px; }

#contentWrap .close {background:url(/img/extras/window/close.gray.png) no-repeat 0 0;}
#contentWrap .close:hover {background-position:left bottom;}


.board p, .board ul { padding: 7px 0; }


#imagePreset > div { float: left; padding: 5px; margin: 0 10px 10px 0; background-color: #cfcfcf; }
#imagePreset .picked { background-color: #444; }
#imagePreset .hover { background-color: #88c641; }
#imagePreset img { filter: alpha(opacity=30); opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }
#imagePreset .picked img { filter: alpha(opacity=100); opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
#imagePreset .hover img { filter: alpha(opacity=100); opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/* ######## Comment ######## */

div#commentPost div#user span { color: #181818; }
div#commentPost div#user span img { float: left; margin-right: 10px; margin-bottom: 10px; }


/* ######## Comment Form ######## */

.content .comments textarea { width: 99%; height: 100px; margin-bottom: 5px; font-size: 1.1em; line-height: 1.4em; display: block; }

/* ######## JQuery UI Buttons ######## */

.fg-button { outline: 0; margin: 0 4px 0 0; padding: .4em 1em; text-decoration: none !important; cursor: pointer; position: relative; text-align: center; font-size: 11px; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

a.fg-button { float: left; }
a.fg-button-center { margin-top: 4px; }

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }



/* ######## Sidebar ######## */
#sidebar .widget { margin-bottom: 50px; list-style-type: none; }
#sidebar .widget ul { list-style-type: none; }
#sidebar .widget hr { margin: 15px -10px 15px 0; }
#sidebar .widget img { border: 1px solid #cccccc; padding: 2px; background-color: #fff; }
#sidebar .widget img:hover { border: 1px solid #42b7d4; }

#sidebar .widgetTitle { font-size: 18px; background: url(images/default/blueArrow.gif) no-repeat left 9px; padding-left: 10px; margin-left: 10px; }
#sidebar .widgetContent { margin-left: 10px; }

/* ######## Pages Widget ######## */

#sidebar .widgetContainer { margin-bottom: 10px; padding: 10px; position: relative; line-height: 20px; }
#sidebar .widgetContainer img.avatar { width: 48px; height: 48px; border: 1px #ccc solid; }
#sidebar .widgetGray { background-color: #ccc; border: 1px solid #aaa; }
#sidebar .widgetGreen { background-color: #b3ce65; border: 1px solid #ee5; }
#sidebar .widgetOrange { background-color: orange; }
#sidebar .widgetYellow { background-color: #ffdf63; }
#sidebar .widgetBlack { background-color: #333; color: #fff; }
#sidebar .widgetWhite { background-color: #fff; color: #000; }

#sidebar .widgetContainer .login_details { position: relative; font-size: 12px; }
#sidebar .widgetContainer .login_details .logout { position: absolute; right: 0px; top: -8px; }

#sidebar .avatar img { width: 150px; }

/* -------------------------------------------------------------------------- */
/* sidebar sub-navigation                                                     */
/* -------------------------------------------------------------------------- */
#sidebar ul.menu { list-style: none; margin: 0; padding: 0; }
#sidebar ul.menu li { margin: 0; padding: 0; position: relative; width: 168px; }
#sidebar ul.menu li a { display: block; padding-left: 10px; height: 24px; line-height: 24px; text-decoration: none; color: #404040; background: #fff; }
#sidebar ul.menu li:last-child { border-bottom: 1px solid #ccc; }
#sidebar ul.menu li.selected a { background: #ddd url(images/default/blackArrow.gif) no-repeat 160px 10px; }
#sidebar ul.menu li.sub a { padding-left: 20px; }
#sidebar ul.menu li a:hover { background: #8c97b1; color: #fff; }


/* jquery tabs */

#tabsLocation .ui-widget { font-family: "Trebuchet MS",Arial,sans-serif,돋움,굴림,dotum,gulim; font-size: 11px; }
#tabsLocation .ui-tabs .ui-tabs-nav { padding: 0; }
#tabsLocation .ui-tabs .ui-tabs-nav li { margin: 2px 0px 1px 2px; }
#tabsLocation .ui-tabs .ui-tabs-nav li a { padding: 2px 10px; }
#tabsLocation .ui-tabs .ui-tabs-panel { padding: 8px; }
#tabsLocation .ui-widget-header { border-bottom: none; }

#tabsLocation .zonesWrapper { margin-bottom: 5px; background-color: #fffd8b; border-top: 1px #d9c88e solid; border-bottom: 1px #d9c88e solid; }
#tabsLocation .zonesWrapper a { text-decoration: none; padding: 2px 5px; }
#tabsLocation .zonesWrapper a.picked { background-color: #459e00; color: #fff; }
#tabsLocation .zonesWrapper a:hover { background-color: #1376c9; color: #fff; }

#tabsLocation .townsWrapper a { text-decoration: none; }
#tabsLocation .townsWrapper a.picked { text-decoration: none; background-color: #459e00; padding: 0 10px; color: #fff; }
/* #tabsLocation .townsWrapper a:hover { text-decoration: underline; color: #1376c9; } */

#tabsAttach .ui-widget { font-family: "Trebuchet MS",Arial,sans-serif,돋움,굴림,dotum,gulim; font-size: 11px; }
#tabsAttach .ui-tabs .ui-tabs-nav { padding: 0; }
#tabsAttach .ui-tabs .ui-tabs-nav li { margin: 2px 0px 1px 2px; }
#tabsAttach .ui-tabs .ui-tabs-nav li a { padding: 2px 10px; }
#tabsAttach .ui-tabs .ui-tabs-panel { padding: 0; }
#tabsAttach .ui-widget-header { border-bottom: none; }
#tabsAttach .tab-menu-close { background: url("/img/extras/window/close.gray.png") repeat scroll 0 0 transparent; width: 17px; height: 17px; position: absolute; right: 8px; top: 8px; z-index: 100; }
#tabsAttach .tab-menu-close:hover { background-position: left bottom; }

#tabsProfile .ui-widget { font-family: "Trebuchet MS",Arial,sans-serif,돋움,굴림,dotum,gulim; font-size: 11px; }
/* #tabsProfile .ui-tabs .ui-tabs-hide { position: absolute; left: -10000px; } for google maps v3 not working */
#tabsProfile .ui-tabs { padding: 0; }
#tabsProfile .ui-tabs .ui-tabs-nav { padding: 0; }
#tabsProfile .ui-tabs .ui-tabs-nav li { margin-top: 2px; }
#tabsProfile .ui-tabs .ui-tabs-nav li a { padding: 2px 10px; }
#tabsProfile .ui-tabs .ui-tabs-panel { padding: 0; }
#tabsProfile .ui-widget-header { background: none; border: none; }
#tabsProfile .ui-widget-content { background: none; border: none; }

#tabsPimp .ui-widget { font-family: "Trebuchet MS",Arial,sans-serif,돋움,굴림,dotum,gulim; font-size: 11px; }
#tabsPimp .ui-tabs .ui-tabs-nav { padding: 0; }
#tabsPimp .ui-tabs .ui-tabs-nav li { margin: 2px 0px 1px 2px; }
#tabsPimp .ui-tabs .ui-tabs-nav li a { padding: 2px 10px; }
#tabsPimp .ui-tabs .ui-tabs-panel { padding: 0; }
#tabsPimp .ui-widget-header { border-bottom: none; }

#imagePreset > div { float: left; padding: 5px; margin: 0 10px 10px 0; background-color: #cfcfcf; }
#imagePreset .picked { background-color: #444; }
#imagePreset .hover { background-color: #88c641; }
#imagePreset img { filter: alpha(opacity=30); opacity: 0.3; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)"; }
#imagePreset .picked img { filter: alpha(opacity=100); opacity: 1; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
#imagePreset .hover img { filter: alpha(opacity=100); opacity: 1; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#header a: link, #header a: visited, #header a:hover { text-decoration: none; }

/* beginning mega_menu */
#navigation_container { background: url('images/backgrounds/top-navigation.png') repeat-x; height: 42px; position: relative; z-index: 20; }
#mega_menu_container { background: url('images/backgrounds/mega-menu2.png') no-repeat 0 0; height: 42px; }
#mega_menu_container img.logo { margin-top: 6px; }

ul#mega_menu { height: 32px; margin-left: 10px; padding-top: 10px; float: xleft; list-style: none; position: relative; z-index: 10; }
ul#mega_menu li { float: left; margin: 0; padding: 0; height: 32px; }
ul#mega_menu li > a { margin: 0; padding: 8px 15px; display: block; color: #121; text-decoration: none; }
ul#mega_menu li > a.more { padding-right: 25px; background: url('/img/icons/famfam/bullet_arrow_down.png') no-repeat 95% 55%; }
ul#mega_menu li.selected { background: #1e6d04; border-left: 1px #195904 solid; border-right: 1px #195904 solid; }
ul#mega_menu li.selected > a { color: #fff; }
ul#mega_menu li:hover { background: #0272a7; }
ul#mega_menu li:hover > a { color: #fff; }
ul#mega_menu li > div { float: left; z-index: 9; padding: 10px; top: 42px; position: absolute; display: none; color: #fff; line-height: 1.6em; background-color: #014464; background: -moz-linear-gradient(top, #0272a7, #013953); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	-moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; }
ul#mega_menu li:hover > div { display: block; }
ul#mega_menu li > div a { display: block; width: 100%; text-decoration: none; padding: 3px 0; color: #fff; }
ul#mega_menu li > div a:hover { background-color: #fff; color: #000; }
/* end mega_menu */

#tweetbox iframe.twitter-anywhere-tweet-box #tweet-box_container label { font: 12px bold 돋움,굴림,dotum,gulim; }
#tweetbox iframe.twitter-anywhere-tweet-box iframe#tweet-box_container label { font: 12px bold 돋움,굴림,dotum,gulim; }

/* ---- shout list ---- */


/* ---- inline fancybox ---- */

.fb_error { background-color: #c00; color: #fff; padding: 5px; display: none; margin-bottom: 5px; }
.fb_error a { color: yellow; }

form.fb { line-height: 1.5em; }
form.fb p.label label { display: block; margin-bottom: 4px; }
form.fb textarea { font-size: 12px; line-height: 1.5em; }
form.fb input.button { padding: 2px 6px; }