/* element style */
/* header */
#logo-top  {
	float: left;
	padding: 15px 0px 0px 2px;
	width: 176px;
}
#top-menu {
    width: 682px;
    float: left;
    margin: 15px 0px 5px 100px;
}
#top-menu img {
    padding-left: 10px;
    padding-bottom: 3px;
}    
#mainmenu #menu-item {
	margin-top: 12px;
	float: left;
	height: 22px;
	/*margin-left : 6px; */
}
#mainmenu #menu-item img {
    margin-left: 10px;
}
#mainmenu #menu-icon {
    margin: 12px 0px 0px 15px; 
    float: left;
    height: 22px;
    display: none;
}
#mainmenu .icon-right {
    float: right; 
    margin: 11px 16px 0px 0px;
}
#mainmenu #menu-icon img {
    padding-right: 5px;
    float: left;
}
#mainmenu #menu-icon .member-name {
	color: #f0f0f0;
	font-size: 16px;
	float: left;
}
#mainmenu #menu-icon .logout {
	color: #ccc;
	float: left;
	font-size: 13px;
	margin: 5px;
	margin-left: 16px;
}
#category-box .list-item {
	padding: 2px 0;
	width: 320px;
	float: left;
}
#category-box .list-item a {
	margin-left: 14px;
}
#category-box .list-item span {
	margin-right: 14px;
}
.logout {
	font-size: 13px;
}

/*footer*/
#bottom-menu {
    float: left;
    width: 520px;
    margin: 2px 0px 0px 5px;
}
#bottom-menu img {
    margin-right: 10px;
    float: left;
}
#bottom-logo {
    float: right;
   /* padding-left: 15px;*/
    /*padding-right: 5px;*/
}
#bottom-text {
    float: right;
    padding-top: 16px;
    text-align: right;
    font-size: 14px;
    color:#666666;
}
#menu-item-footer {
    float: left;
    height: 33px;
    margin: 20px 0px 0px 15px;  
}
#menu-item-footer a {
    margin-left: 8px;
}
#menu-item-footer span {
    margin-left: 335px;
}

/* article tools */
#form-search {
    float: left;
    padding: 13px 0px 0px 15px;
}
.search-text {
    float: left;
    color:#6a2c51;
    font-size:14px;
    padding-top: 4px;
}
#form-search .textbox {
    float: left;
    height: 22px;
    width: 178px;
    padding: 2px 6px;
    font-size: 16px;
    margin: 0 8px;
}
#breadcrumb {
    width: 664px;
    float: left;
    padding: 17px 0px 0px 10px;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#content-header #reader {
    float: right;
    padding: 15px 10px 0px 0px;
}
#content-header #reader a {
    padding-left: 5px;
}
#content-header #reader span {
    padding-right: 10px;   
}
/* index page */
#index-box .box {
	padding-top: 0;
	/*padding-bottom: 0;*/	
}
#index-box span.right {
	_display: none;
} 
#index-box p.list-item {
	float: left;
	width: 268px;
	margin-right: 22px;
	margin-top: 0;
}
#index-box .category-item {
	border: none;
	width: 580px;
}
/* signup-login */
#signup-box,
#login-box, 
.gray-box {
	padding: 12px 24px 12px 24px;
	background-color: #ececec;
	margin-top: 12px;
	width: 438px;
}
#signup-text {	
	width:438px; 
	color:#191919; 
	line-height:20px; 
	padding:24px 0px 0px 12px;
}
#signup-text p {
	margin-top:15px; 
	font-size:14px;
}
#signup-text .inewlaw {
	padding-left:3px;
}
#signup-text .inewlaw-item {
	padding:10px 0px 0px 20px; 
	font-size:14px;
}
#sign img {
	margin: 12px 24px;
}
#signup-box .signup-submit {
	text-align: right;
	padding-top: 16px;
}
#signup-box .signup-submit div {
	float: right;
	margin-left: 8px;
}
#login-box .login-submit {
	margin-top: 32px;
	margin-right: 2px;
}
/*forgotpassword*/
#forgotpassword img {
	padding: 12px 0px 0px 12px;
}
#forgotpassword-box {
	margin-top: 12px;
	padding: 12px 24px 12px 24px;
	background-color: #ececec;
	width: 438px;
	min-height: 180px;
}
#forgotpassword-box .forgotpassword-submit {
	text-align: right;
	padding-top: 38px;
}
#forgotpassword-box .forgotpassword-submit div {
	float: right;
	margin-left: 8px;
}
/* contact us */
#contact-info {
	width: 495px;
	margin-right: 24px;
}
/* datepicker module */
#datepicker-box {
    border-bottom: solid 1px #CCCCCC;  
}
#show-datepicker {
    margin: 10px 0;
    font-weight: bold;
}
#monthHead {
    border-bottom: solid 1px #993366;
    padding-bottom: 8px;
    color: #333333;
}
#monthHead span {
	padding-top: 6px;
	font-size: 21px;
	color: #333333;
}
#datepicker {
    position: relative;
    padding: 8px 0px;
}
#show-date {
	font-size: 20px;
}
#datepicker #click {
    cursor: pointer; 
    cursor: hand;
    padding: 6px 0;
}
#datepicker #calendar {
    position: absolute;
    top: 32px;
    right: 0px;
    z-index: 999;
}
#calendar-box {
    margin-top: 4px;
    padding: 2px 8px 8px;
    width: 236px; 
    height: 214px; 
    background-color: #ececec;
    /*border: solid 3px #993366;*/    
 
/* background: url('../img/background/bg_calendar.png') no-repeat;              */
}

#calendar-box p#title  {
    padding-left: 16px;
}
#calendar-box a {
    cursor: pointer; cursor: hand;
    color: #2b2b2b;
    font-size: 14px;
}

#calendar-box .footer{
    height: 36px;
    background: url('../img/button/bt_all_calendar.png') no-repeat;         
    color: #ececec;
    margin-top: 12px;
    padding: 4px 0px 4px 0px;
    font-size: 18px;
    cursor: pointer; cursor: hand;
}

#calendar-box td {
    padding-top: 5px; 
}
#calendar-box #next{
    cursor: pointer; cursor: hand;
}
#calendar-box #prev{
    cursor: pointer; cursor: hand;
}
#month td {
    text-align: center;
    padding: 10px 4px 0px 0px;
}

#member{
	float: right;
	font-weight: bold;
    line-height: 26px;
	margin : 0px 0px 0px 0px;     
}
#member img {
	padding-left: 0px;
	margin-left: 4px;
}
#member img.option {
	padding-top: 6px;
}
#member .name a {
	color: #993366;
}
#member-alert {
	padding: 0px 0px 0 0;	
	font-size: 14px;
	height: 72px;
}
#member-alert .alert-box {
	padding: 12px 0 12px 16px ;
}
#member-alert .alert-icon {
	float: left;
	width: 32px;
	padding: 4px 8px 0 0;
}
#member-alert .subject {
	float: left;
	width: 200px;
}
#member-alert .message {
	float: left;
	padding: 0;
	width: 540px;
	height: 58px;
}
#member-alert .button {
	float: left;
}
#member-alert .message .note {
	color: #ff0000;
}
.alert-message {
	height: 64px;
	border: solid 1px #fee42c;
	background-color: #fafccc;
	padding: 4px;
}
.alert-message #closed {
	float: right;
}
.alert-box a img:last-child {margin-left:12px;}
.member-option {  
	z-index: 999;
	position: absolute;
	width: 130px;
	top: 18px;
	right: -12px;
	background: transparent url('/public/img/background/bg_option-top.png') no-repeat;
	padding-top: 15px;
}
.member-option li {
	width: 130px;
	text-align: left;
	padding-left: 18px;
	background: transparent url('/public/img/background/bg_option.png') repeat-y;  
}
.member-option li.footer {
	height: 8px;
	background: transparent url('/public/img/background/bg_option-footer.png') no-repeat;    
}
.member-option a {
	color: #fcfcfc;     
	font-size: 11px;
}