@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
*/

h4 {
	display:          inline;
	margin-bottom:    0px;
	margin-top:       0px;
}

/* Login box */
#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;

	text-align:       center;
	
	opacity:          .80;
	filter:           alpha(opacity=80); 
	-moz-opacity:     0.8;
}
#mailgoth-loginbox-header {
	padding-bottom:   10px;
	width:            100%;
	text-align:       center;
}
#mailgoth-loginbox-bg {
	background:       url(images/login_bg.gif) no-repeat top left;
}
#mailgoth-loginbox form{
	margin:           0px;
	test-align:       center;
}
#mailgoth-loginbox input.text {
	width:            165px;
}
#mailgoth-example{
	font-size:        10px;
	margin-top:       -5px;
	padding-left:     100px;
	text-align:       left;
}
.mailgoth-option-text {
	font-size:        13px;
	color:            #666666;
	cursor:           pointer;
}
#mailgoth-option,
#mailgoth-submit {
	display:         inline;
	margin:          5px;
}
.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:            75px;
	height:           22px;
	border:           none;
	cursor:           pointer;
	font-size:        12px;
}
.mailgoth-submit-button-class {
	background:       url(images/login_button.png) no-repeat top center;
	color:            #00C0F3;
}
.mailgoth-submit-button-class-over {
	background:       url(images/login_button_over.png) no-repeat top center;
	color:            #FF0000;
}
#https-link a{
	color:           skyBlue;
}
#https-link {
	position:        absolute;
	bottom:          10px;
	text-align:      center;
	
	left:            0;
	right:           0;
	
	font-size:       12px;
	_width:          100%;
}

/* Banner */
#mailgoth-banner {
	position:         absolute;
	left:             20px;
	top:              205px;
	width:            310px;
	height:           130px;
	overflow:         hidden;
	
	vertical-align:   middle;
	text-align:       center;

	opacity:          .80;
	filter:           alpha(opacity=80); 
	-moz-opacity:     0.8;

	-moz-border-radius:5px;
}

/* 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:     25px;
	padding-right:    25px;
	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(images/noticetop.gif) no-repeat top left;
	top:              0px;
}
#mailgoth-notice-roundconner-bottom{
	background:       url(images/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
}


#banner-hotline{
	width:            310px;
	height:           128px;
}
#mailgoth-gits{
	color:            #00BCDB;
	margin-top:       20px;
}

#error-message{
	position:        absolute;
	left:            188px;
	width:           400px;
	top:             80px;
	
	text-align:      center;
	padding:         10px;
	padding-bottom:  20px;
	
	opacity:          0;
	filter:           alpha(opacity=0); 
	-moz-opacity:     0;

	z-index:         501;
	visibility:      hidden;
}

#error-message img{
	display:         inline;
	vertical-align:  baseline;
}
#error-message h1{
	display:         inline;
	font-size:       18px;
	margin:          0px;
	padding:         0px;
}
.err-msg {
	background-color: #FFDFDF;
	border:          1px solid #FF0000;
}
.message {
	border:          #009900 1px solid;
	background-color:#EEFFDD; 
}

#screen{
	position:        absolute;
	top:             0px;
	bottom:          0px;
	left:            0px;
	right:           0px;
	
	background-color:#CCCCCC;
	
	z-index:         500;
	_height:         100%;
	_width:          100%;
	
	visibility:      hidden;
}

/**=========================================
 *     for sub-content advertise.html
 **/
#news{
	display:          table;
	position:         relative;
	overflow:         auto;
}
#news img{
	padding-right:    10px;
	padding-top:      10px;
	float:            left;
}
#news p{
	margin:           0px;
	margin-top:       10px;
	padding:          0px;
	text-align:       justify;
}
.release-date{
	color:            #999999;
	font-size:        11px;
	display:          inline;
	margin-left:      5px;
	white-space:      nowrap;
}

#manual {
	display:          block;
}
.icon {
	text-align:       center;
	float:            right;
	display:          block;
	
	padding:          4px;
	padding-left:     10px;
}
.icon img{
	border:            none;
}

.disable {
	opacity:          .3;
	filter:           alpha(opacity=30); 
	-moz-opacity:     0.3;
}

#manual {
	border:           #FFCC00 1px solid;
	background-color: #FFF9EC;
	margin-top:       10px;
	display:          block;
	padding:          10px;
	
	position:         relative;
	overflow:         auto;
}
#manual a{
	color:            #33CC00;
	text-align:       center;
}
#manual h1{
	padding:          0px;
	margin:           0px;
	color:            #000000;
	font-size:        15px;
}
#notice,
#manualli,
#manual ul {
	padding:          0px;
	margin:           0px;
}
#manual li {
	list-style:       inside;
}
/**=========================================*/

#div3rdparty {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1px;
	height: 1px;
	visibility: hidden;
}