/* all reset,layout */
* {
    margin:  0;
    padding: 0;
}
.check-cal-bt {
width:							16px;
height:							16px;
background:						url("../images/calendar/calendar.gif") no-repeat;
border:							none;
}
big {
	font-size:16px;
}
td.plan{
   background-color:#FFFFFF;
   margin:  0;
   padding: 0;
   width: 5px;
}
td.planR{
   background-color:#0000FF;
   margin:  0;
   padding: 0;
}
td,p,div,tr {
    font-family: Tahoma,verdana,arial;
    font-size:   13px;
    color:       #666;
}
body {
    font-family: tahoma,verdana,arial;
    font-size:   12px;
    padding:     0px 0px 0px 0px;
    margin:      0px 0px 0px 0px;
}
.all {
    padding:           0px 0px 0px 0px;
    margin: 			0px 0px 30px 0px;
    color:             #333;
    background-image:  url(../images/all.png);
    background-repeat: repeat-x;
    background-color:  #003366;
}
#container {
    width: 100%;
}


#wrapper {
    width:            900px;
    
}
#header {
    background-image:  url(../images/header.jpg);
    background-repeat: no-repeat;
    height:            128px;
}
#topnav {
    margin-top:        98px;
    background-image:  url(../images/topnav_bg.png);
    background-repeat: repeat-x;
    height:            20px;
    width:             610px;
    float:             right;
}
#homelidays {
    margin-top:        98px;
    background-image:  url(../images/topnav_bg.png);
    background-repeat: repeat-x;
    height:            20px;
    width:             610px;
    float:             right;
	text-align:		   left;
	padding-top:	   5px;
	padding-left:	   15px;
	font-size:		   16px;
	color:			   #FFFFFF;
}
#content {
    background-color:    #FFFFFF;
    padding:             10px;
	/*background-image:    url(../images/patongtower-E.jpg);*/
    /*background-image:    url(../images/content_bg.png);*/
    background-repeat:   no-repeat;
    background-position: top;
}
#maincontent {
    margin-right:		10px;
}
#left {
    width: 200px;
}
#user3 {
    width: 100px;
}
#user4 {
    width: 100px;
}
#left div.moduletable {
    margin-bottom:     8px;
    padding:           8px;
    background-image:  url(../images/right_div_bg.png);
    background-repeat: repeat;
    border:            1px solid #E4E4E4 ;
}
#left div.moduletable h3 {
    margin-bottom: 8px;
    color:         #333333;
    font-size:     14px;
    font-weight:   bold;
}

#viewmenu {
	width:            100px;
	padding:          4px 4px 4px 4px;
	background-color: #000000;
	/*border: 1px solid #E4E4E4 ;*/
	border: 1px solid #e6b656 ;
}
#viewtitle {
	width:			150px;
	float:			left;
}
#lang {
	color:         	#ffffff;
	width:          200px;
	float:			right;
	margin-top:		6px;
}	
#right {
	width:				220px;
	padding-left:	 	1px;
	padding-right:	 	1px;
	padding-top:	 	4px;
	background-color: #000000;
	border:				1px solid #e6b656 ;
}
#right p {
	color:				#e6b656;
	padding:	 		2px;
	border: 1px solid	#ea952a ;
}
#right div.moduletable {
    margin-bottom:     8px;
    padding:           8px;
    background-image:  url(../images/right_div_bg.png);
    background-repeat: repeat;
    border:            1px solid #e6b656 ;
}
#right div.moduletable h3 {
    margin-bottom: 8px;
    color:         #333333;
    font-size:     14px;
    font-weight:   bold;
}
div.moduletable-blue {
    margin-bottom:     8px;
    padding:           8px;
    background-image:  url(../images/blue_mod_bg.png);
    background-repeat: repeat;
}
div.moduletable-blue td {
    font-size:  11px;
    text-align: left;
}
div.moduletable-yellow {
    margin-bottom:     8px;
    padding:           8px;
    background-image:  url(../images/yellow_mod_bg.png);
    background-repeat: repeat;
}
div.moduletable-yellow td {
    font-size:  11px;
    text-align: left;
}
div.moduletable-yellow h3 {
    margin-bottom: 8px;
    color:         #333333;
    font-size:     14px;
    font-weight:   bold;
}
#bottom div.moduletable {
    margin-bottom:     8px;
    padding:           8px;
    
}
#bottom div.moduletable h3 {
    margin-bottom: 8px;
    color: #FFFFFF;
    font-size:     14px;
    font-weight:   bold;
}
#bottom div.moduletable td {
   
    color: #A2A2A2;
    
}
#bottom {
    padding:           10px;
  
    background-image:  url(../images/bottom_bg.png);
    background-repeat: repeat;
}
#bottom p{ 
    color:			#FFFFFF;
    font-size:		11px;
}
#footer{
	margin-top:		10px;
	padding:	 	5px;
}
#footer P{
	color:			#FFFFFF;
	font-size:		11px;
}
#footer a:link, #footer a:visited{
	color:			#ff0000;
}
div#apartments {
	position:			relative;
	width:				880px;
	height:				260px;
	color:				#FFFFFF;
}
/* splitmenu */
#navlist {
    margin:  0px;
    padding: 0px 0px 0px 0px;
}
#navlist ul, #navlist li {
    display:         inline;
    list-style-type: none;
}
#navlist a:link, #navlist a:visited {
    padding:         8px 6px 8px 6px;
    float:           left;
    font-size:       11px;
    margin:          0px;
    text-decoration: none;
    color:           #FFFFFF;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
    color:             #FFFFFF;
    background-image:  url(../images/top_nav_active.png);
    background-repeat: repeat-x;
}
#navlist a:hover {
    color: #FFFFFF;
}
/* joomla css stuff */
ul#mainlevel-nav {
    list-style:   none;
    font-size:    11px;
    height:       28px;
    padding-left: 20px;
}
ul#mainlevel-nav li {
    float:          left;
    font-size:      11px;
    font-weight:    normal;
    text-transform: lowercase;
    text-align:     center;
    font-family:    Arial,Tahoma, Helvetica, sans-serif;
    display:        block;
    background:     none ;
    padding-right:  20px;
    padding-top:    5px;
}
ul#mainlevel-nav li a {
    display:         block;
    padding-left:    5px;
    padding-right:   5px;
    padding-top:     0px;
    text-decoration: none;
    color:           #FFFFFF;
    font-weight:     bold;
}
ul#mainlevel-nav li a:hover {
    display:         block;
    padding-left:    5px;
    padding-right:   5px;
    text-decoration: none;
    font-weight:     bold;
}
a:link, a:visited {
    /*color:           #941D08;*/
	color: #FF0000;
    text-decoration:  none;
	
}
a:hover {
    color: #FF0000;
	font-weight:     bold;
}
form {
    display: inline;
    margin:  0;
    padding: 0;
}
h1 {
    color:       #666666;
    font-weight: normal;
    font-size:   20px;
}
ul {
}
li {
    margin-left: 20px;
}
img {
    border: none ;
}
ol {
    margin-left:         20px;
    list-style-position: inherit;
}
blockquote {
    margin: 10px;
}
blockquote div {
}
pre {
    padding: 10px;
}
table.contenttoc {
    margin:  3px;
    padding: 5px;
}
.contenttoc th {
    padding:     3px;
    color:       #935454;
    font-weight: bold;
}
.contenttoc a {
    font-size:   11px;
    padding:     0 5px 0 5px;
    font-weight: normal;
}
.contenttoc a:hover {
    font-size:    11px;
    color:        #935454;
    padding-left: 5px;
}
.contenttoc td {
    padding: 3px;
}
.contentpane {
    font-family: Arial,Tahoma,  Helvetica, sans-serif;
    font-size:   11px;
    line-height: 18px;
    text-align:  left;
}
.contentpaneopen ul {
    margin-left: 10px;
}
.contentpane ul {
    margin-left: 10px;
}
table.contentpaneopen,table.contentpane {
}
table.contentpaneopen li {
    margin-left: 20px;
}
div.moduletable {
    font-size: 11px;
}
div.moduletable td {
    text-align: left;
    font-size:  11px;
}
div.moduletable h3 {
    text-align:    left;
    margin-bottom: 8px;
    color:         #333333;
    font-size:     14px;
    font-weight:   bold;
}
table.moduletable th {
    color:               #898371;
    text-align:          left;
    vertical-align:      middle;
    font-weight:         normal;
    padding-left:        5px;
    padding-top:         15px;
    padding-bottom:      10px;
    font-size:           14px;
    background-image:    url(../images/modth.png);
    background-repeat:   no-repeat;
    background-position: bottom;
    width:               230px;
    text-transform:      uppercase;
}
.contentpaneopen fieldset {
    border: none ;
    width:  100%;
}
.contentpaneopen td {
    padding:    0;
    text-align: left;
}
.contentdescription {
}
.latestnews li {
    list-style-type: none;
}
.latestnews li a {
    border-bottom: 1px solid #666;
    display:       block;
}
.latestnews li a:hover {
}
.mostread li {
    list-style-type: none;
}
.mostread li a {
    border-bottom: 1px solid #666;
    display:       block;
}
.mostread li a:hover {
}
ul.latestnews li {
    padding:     2px 2px 5px 0px;
    margin-left: 0px;
    color:       #808080;
    width:       auto;
    text-align:  left;
}
.latestnews a:link {
    text-transform: capitalize;
    color:          #CCC;
}
.latestnews a:visited {
    color: #CCC;
}
.latestnews a:hover {
    color: #FF0000;
}
ul.mostread li {
    margin-left: 0px;
    color:       #808080;
    width:       auto;
    text-align:  left;
    padding:     2px 2px 5px 0px;
}
.mostread a:link {
    text-transform: capitalize;
    color:          #CCCCCC;
}
.mostread a:visited {
    color: #CCCCCC;
}
.mostread a:hover {
    color: #FF0000;
}
td.contentheading {
    color:           #333333;
    font-family:     arial,Helvetica, sans-serif;
    text-decoration: none;
    font-weight:     normal;
    font-size:       20px;
    letter-spacing:  -0.05em;
}
div.componentheading {
    color:           #333333;
    font-family:     tahoma, Helvetica, sans-serif;
    text-decoration: none;
    font-weight:     normal;
    font-size:       20px;
    text-align:      left;
}
a.contentpagetitle:link,a.contentpagetitle:hover {
    font-family:     Tahoma,Arial,tahoma, Helvetica, sans-serif;
    text-decoration: none;
    font-size:       14px;
}
a.contentpagetitle:hover {
    color: #CCCC99;
}
.createdate, td.createdate {
    color:          #666666;
    font-size:      11px;
    font-weight:    bold;
    text-transform: lowercase;
    padding-bottom: 3px;
}
.modifydate,.small {
    color:          #FF0000;
    font-size:      11px;
    font-weight:    normal;
    text-transform: uppercase;
}
.highlight {
    color:            #FFFFFF;
    background-color: red;
}
.mosimage {
    margin:  5px;
    padding: 5px;
    border:  none ;
}
.mosimage_caption {
    padding:             1px 2px;
    color:               #898371;
    font-size:           10px;
    font-weight:         bold;
    border-bottom-style: solid;
    border-bottom-color: #808080;
    border-bottom-width: 1px;
}
.contentpaneopen img {
    margin: 5px;
}
.contentpane img {
    margin: 5px;
}
a.mainlevel:link, a.mainlevel:visited {
    display:             block;
    height:              16px !important;
    height:              18px;
    vertical-align:      middle;
    font-size:           12px;
    font-weight:         normal;
    text-align:          left;
    text-decoration:     none;
    text-transform:      capitalize;
    /*color:               #941D08;*/
	color:             	#ea952a;
    padding-top:         2px;
    background-image:    url(../images/menu_icon.png);
    background-repeat:   no-repeat;
    background-position: 5px;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
    border-bottom-style: solid;
}
a.mainlevel:hover {
    text-decoration: none;
    /*color:           #F41400;*/
	color:             	#e6b656;
    font-weight:     bold;
}
a.mainlevel#active_menu {
    /*color:       #FF0000;*/
	color:             	#e6b656;
    font-weight: bold;
}
a.mainlevel#active_menu:hover {
    /*color: #F41400;*/
	color:             	#ea952a;
}
a.sublevel:link, a.sublevel:visited {
    font-size:      11px;
    padding-left:   10px;
    padding-bottom: 3px;
    line-height:    20px;
    display:        block;
    margin-left:    10px;
    font-family:    Arial, Verdana,Tahoma;
    color:          #00CCCC;
    text-transform: lowercase;
    font-weight:    normal;
}
a.sublevel:hover {
    text-decoration: none;
}
#mod_login_username {
    padding:     5px 0 0px 5px;
    width:       160px;
    font-size:   11px;
    background:  url(../images/mod_login_input.png) no-repeat ;
    color:       #F41400;
    font-family: tahoma;
    border:      none ;
    font-weight: bold;
    height:      21px;
}
#mod_login_password {
    padding:     5px 0 0px 5px;
    width:       160px;
    font-size:   11px;
    background:  url(../images/mod_login_input.png) no-repeat ;
    color:       #F41400;
    font-family: tahoma;
    border:      none ;
    font-weight: bold;
    height:      21px;
}
#mod_login_remember {
    border:     none ;
    background: none ;
    margin:     0;
}
.inputbox {
    font-size:  12px;
    border:     1px solid gray ;
    background: #FFFFFF ;
}
.button {
    padding:     1px;
    padding:     2px !important;
    color:       #FFFFFF;
    font-size:   11px;
    border:      none ;
    font-weight: bold;
    background:  #F41400 ;
}
.sectiontableheader {
    font-weight: bold;
    background: #A2A2A2;
    padding:     4px;
    color:       #333333;
}
.sectiontableentry1 td {
    padding: 3px;
}
.sectiontableentry2 td {
    padding:    3px;
    background: #E5E5E5;
}
.sectiontableentry1 {
    padding: 2px;
}
.sectiontableentry2 {
    padding: 2px;
}
.readon {
    font-size:           11px;
    float:               left;
    padding-right:       10px;
    background-image:    url(../images/readon.png);
    background-position: left;
    background-repeat:   no-repeat;
    padding-left:        25px;
    height:              18px;
}
.readon a:link, .readon a:visited {
    color: #FFFFFF;
}
.readon a:hover {
    color: #EBCA71;
}
.back_button a {
    padding:    2px 5px 2px 20px;
    text-align: center;
    display:    block;
}
.back_button a:hover {
    padding: 2px 5px 2px 20px;
    color:   #FF0000;
}
.pagenav {
    text-align:        center;
    color:             #ffffff;
    margin:            0px -2px 0px 0px;
    padding:           1px 6px 1px 6px;
    font-size:         11px;
    font-family:       arial,verdana,tahoma;
    background-image:  url(../images/btnlogin.gif);
    background-repeat: repeat-x;
}
a.pagenav, a.pagenav:visited {
    color: #ffffff;
}
a.pagenav:hover {
    color:            #ffffff;
    background-color: #000000;
    border:           1px solid #5d5d5d ;
}
span.pathway {
    color:       #666666;
    font-size:   11px;
    font-weight: bold;
}
span.pathway a:link,
span.pathway a:visited {
    color:       #666666;
    font-weight: bold;
    font-size:   11px;
}
/*************************************/
/************* CALENDAR **************/
/*************************************/
#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}
#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}
#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}
#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;		
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;
}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}
#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}
#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;
}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}
#calendarDiv td{
	text-align:right;
	cursor:pointer;
}
#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}