@charset "utf-8";
/* CSS Document */
/*
 +-----------------------------------------------------------------------+
 | M@il.go.th Login library                                              |
 |                                                                       |
 | This file is part of the M@il.go.th                                   |
 | Copyright (C) 2005-2008, MICT, - Thailand                             |
 | Licensed under the GNU GPL                                            |
 |                                                                       |
 +-----------------------------------------------------------------------+
 | Author: Surapun Prasit - RDDI                                         |
 |         Government Information Technology Services(GITS)              |
 +-----------------------------------------------------------------------+
 
 varsion 0.2.5
 $Id: 081029
*/
html {
	height:           100%;
}
body {
	position:         relative;
	background-color: #F2F2F2;
	font-family:      "Tahoma",Courier New, Courier, monospace;
	font-size:        12px;
}

h2 {
	color:            #0099FF;
	font-size:        14px;
	font-weight:      bold;
	margin-bottom:    0px
}

/**
 * IE5.5+ PNG Alpha Fix v1.0
 * Angus Turnbull http://www.twinhelix.com
 **/
img, div, li { behavior: url("iepngfix.php") }

/** 
 *   BODY CONTENT
 **/
#mailgoth-body {
	width:            775px;
	margin-top:       5px;
	margin-left:      auto;
	margin-right:     auto;
	margin-bottom:    5px;
	height:           100%;
	position:         relative;
}

/**
 * HEADER 
 **/
#mailgoth-header {
	width:            100%;
	height:           115px;
	vertical-align:   middle;
	background-color: #FFFFFF;
	position:         relative;
}
#mailgoth-header-roundcorner {
	width:            775px;
	height:           21px;
	background:       urltop.gif) no-repeat left top;
}
#mailgoth-logo {
	margin-top:       0px;
	margin-left:      30px;
}
#mailgoth-logo-mict {
	position:         absolute;
	top:              10px;
	right:            30px;
}
#mailgoth-search-org {
	position:         absolute;
	top:              25px;
	right:            130px;
	width:            320px;
	height:           30px;
	background:       url(search_org.gif) no-repeat left top;
}
#mailgoth-search-org input {
	margin-top:       4px;
	margin-left:      100px;
	width:            160px;
}
#mailgoth-logo-mict img {
	border:           0px;
}
#mailgoth-tabbar {
	position:         absolute;
	right:            20px;
	top:              91px;
	background:       url(content_bg.png) repeat-y right;
	background-position: 450px;
	z-index:          100;
}
#mailgoth-tabbar li{
	display:          block;
	float:            left;
	width:            100px;
	height:           22px;
	padding-top:      3px;
	font-size:        13px;
	text-align:       center;
	vertical-align:   middle;
	background:       url(tab.gif) repeat;
	color:            #555555;
	list-style-type:  none;
	
	/* IE Hack */
	_display:         block;
}
#mailgoth-tabbar li.selected{
	background:       url(selected.png) repeat;
	color:            #0FB1FE;     
}
#mailgoth-tabbar li.over{
	background:       url(tabover.gif) repeat;
	color:            #FF3300;
	cursor:           pointer;
}
#mailgoth-tabbar ul{
	margin-left:      0px;
	padding-left:     0px;
	margin-top:       0px;
	margin-bottom:    0px;
}
#mailgoth-tabbar img{
	vertical-align:   bottom;
}
/**
 * CONTENT 
 **/
 
/* background */
#mailgoth-content {
	position:         relative;
	width:            100%;
	height:           420px;
	border:           #D4EFFC 1px solid;
	overflow:         hidden;
	background:       #FFFFFF url(content_bg.png) repeat-y right;
}

#mailgoth-bg-gsign {
	position:         absolute;
	height:           250px;
	width:            220px;
	right:            80px;
	bottom:           70px;
	background:       url(gsign_bg.png) no-repeat center bottom;
}
#mailgoth-bg-right {
	position:         absolute;
	width:            51px;
	height:           100%;
	right:            0px;
	background:       url(right_bg.png) no-repeat right top;
}

#mailgoth-bg-component-1 {
	position:         absolute;
	width:            135px;
	height:           7px;
	right:            40px;
	top:              30px;
	background:       url(bg-compent1.png) no-repeat;
}

 /* partner */
#mailgoth-partner-box,
#mailgoth-partner-bg {
	position:         absolute;
	height:           50px;
	bottom:           0px;
}
#mailgoth-partner-box{
	width:            100%;
	vertical-align:   bottom;
	text-align:       center;
}
#mailgoth-partner {
	margin-left:      auto;
	margin-right:     auto;
	width:            360px;
}
#mailgoth-partner-bg {
	width:            100%;
	background:       url(partner_bg.png) no-repeat center bottom;
}
#mailgoth-partner img {
	border:           0;
}
#mailgoth-partner li {
	display:          block;
	float:            left;
	width:            120px;
	padding:          0px;
	margin:           0px;
	text-align:       center;
	list-style-type:  none;

}
#mailgoth-partner ul {
	padding:          0px;
	margin:           0px;
	margin-ieft:      auto;
	margin-right:     auto;
}

/* FOOTER */
#mailgoth-footer {
	width:            100%;
	height:           50px;
	background:       url(footer_bg.png) repeat-x;
	
	color:            #00BCDB;
	font-size:        12px;
}

#mailgoth-footer .left {
	float:            left;
	padding:          10px;
	padding-left:     30px;
}
#mailgoth-footer .right {
	float:            right;
	padding:          10px;
	padding-right:    30px;
}
#rcmKSearchpane{
	background-color: #EFEFFF;
	border:           DodgerBlue solid 1px;
	font-size:        12px;
	width:            150px;
}
#rcmKSearchpane ul, #rcmKSearchpane li{
	margin:           0px;
	left:             0px;
	padding-left:     0px;
}
#rcmKSearchpane li{
	list-style-type:  none;
	list-style-image: none;
	padding-left:     5px;
	padding-right:    5px;
}
#rcmKSearchpane .selected{
	background-color: DeepSkyBlue;
	color:            #FFFFFF;
	font-weight:      bold;
}

#mailgoth-loginbox,
#mailgoth-loginbox-bg {
	position:         absolute;
	width:            280px;
	height:           130px;
	top:              15px;
	left:             20px;
	
	padding-top:      15px;
	padding-bottom:   35px;
	padding-left:     20px;
	padding-right:    20px;
	overflow:         hidden;

	opacity:          .80;
	filter:           alpha(opacity=80); 
	-moz-opacity:     0.8;
}
#mailgoth-loginbox-header {
	padding-bottom:   10px;
	width:            100%;
	text-align:       center;

	/*IE Hack*/
	_padding-bottom:  0px;
	margin:           0px;
}
#mailgoth-loginbox-bg {
		background:       url(login_bg.gif) no-repeat top left;
}
#mailgoth-loginbox input.text {
	width:            165px;
}
.mailgoth-option-text {
	font-size:        13px;
	color:            #666666;
	cursor:           pointer;
}
#mailgoth-option,
#mailgoth-submit {
	text-align:       center;
}
.mailgoth-loginrow {
	padding-bottom:   5px;
}
#mailgoth-username {
 font-size:         13px;
 color:             #666666;
}
#mailgoth-username .mailgoth-domain {
 font-size:         13px;
 color:             #000000;
 font-weight:       bold;
}

.mailgoth-label-left {
	font-size:        13px;
	font-weight:      bold;
	color:            #0095D9;
	cursor:           pointer;
	display:          inline-block;
	text-align:       right;
	width:            75px;
}

#mailgoth-submit-button {
	width:            150px;
	height:           22px;
	border:           none;
	cursor:           pointer;
	font-size:        14px;
}
.mailgoth-submit-button-class {
	background:       url(login_button.png) no-repeat top center;
	color:            #00C0F3;
}
.mailgoth-submit-button-class-over {
	background:       url(login_button_over.png) no-repeat top center;
	color:            #FF0000;
}

/* Banner */
#mailgoth-banner {
	background-color: #0099CC;
	position:         absolute;
	left:             20px;
	top:              205px;
	width:            310px;
	height:           130px;
	
	vertical-align:   middle;
	text-align:       center;
	
	opacity:          .80;
	filter:           alpha(opacity=80); 
	-moz-opacity:     0.8;

	-moz-border-radius:10px;
}

/* Notice */
#mailgoth-notice-box {
	position:         absolute;
	display:          block;
	right:            20px;
	top:              15px;
	width:            400px;
	height:           300px;
	padding-top:      12px;
	padding-bottom:   12px;
	
	opacity:          .75;
	filter:           alpha(opacity=75); 
	-moz-opacity:     0.75;

}
#mailgoth-notice {
	background-color: #FFFFFF;

	padding-left:     15px;
	padding-right:    15px;
	position:         relative;
	display:          block;
	height:           100%;
	
	font-size:        12px;
	color:            #444444;
	overflow:         auto;

	border-left:      #D4EFFC solid 1px;
	border-right:      #D4EFFC solid 1px;
}

#mailgoth-notice-roundconner-top,
#mailgoth-notice-roundconner-bottom {
	position:         absolute;
	width:            400px;
	height:           12px;
	left:             0px;
}
#mailgoth-notice-roundconner-top{
	background:       url(noticetop.gif) no-repeat top left;
	top:              0px;
}
#mailgoth-notice-roundconner-bottom{
	background:       url(noticebottom.gif) no-repeat top left;
	bottom:           0px;
}
#mailgoth-forgotten-pwd {
	font-size:        12px;
	text-align:       center;
	padding-left:     80px;
	width:            165px;
}
#mailgoth-forgotten-pwd a{
	color:            #0095D9
}