/*============================================================================
	GLOBALS
==============================================================================*/

body{
	font-family		:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size		:10pt;
/*	background		:#000;*/
	background		:#FFF;
}

a{
	text-decoration	:none;
	color			:#900;
}

.page{
/*	background		:#000;*/
	background		:#FFF;

}

h1{	
	font-size			:16px;
	font-weight			:bold;	
}

h2{
	font-size			:14pt;
	font-weight			:100;
	background-image	:url('../images/arrow.gif');
	background-position	:0cm .1cm;
	background-repeat	:no-repeat;
	padding-left		:15px;
	margin-top			:10px;
	margin-bottom		:10px;
}

h3{
	margin-bottom		:0px;
	font-weight			:normal;
}

h4{
	font-size			:10pt;
	background-image	:url('../images/arrow.gif');
	background-position	:0cm .1cm;
	background-repeat	:no-repeat;
	padding-top			:2px;
	padding-left		:15px;
	margin-bottom		:-10px	
}


/*	image classes */

.profile-picture, .event-picture, .journey-picture{
	border			:1px solid #000;
}

.profile-picture{
	max-width		:250px;
	max-height		:400px;

}

.event-picture{
	max-width		:300px;
	max-height		:500px;
}

.journey-picture{
	max-width		:250px;
	max-height		:400px;
}

.banner-picture{
	max-width		:155px;
	max-height		:155px;
}

/*============================================================================
	GENERAL HEADER, BODY & FOOTER
==============================================================================*/

.header-outer, .body-outer, .footer-outer{
	width			:1024px;
	margin-left		:100px;
	margin-right	:100px;
	background		:#369;
}

.header-inner, .body-inner, .footer-inner, .advertisement{
	width			:988px;
	margin-left		:20px;
	margin-right	:10px;
	
}

.header-outer{
	height			:95px;
	/*background		:url('../images/header_bg.jpg');*/
	background		:url('../images/samtrip-blue-bg.jpg');
}

.header-inner{
	height			:100%;
	float			:left;
}

.header-top-small-menu{
	height			:20px;
	text-align		:right;
	padding-top		:3px;
	margin-bottom	:2px;		
}

.header-top-small-menu a{
	color			:#FA0;
	
	margin-left		:10px;
	margin-right	:10px;

	padding-left	:5px;
	padding-right	:5px;

	font-weight		:bold;
	font-size		:10pt;
}

.header-top-small-menu a:hover{
	color			:#FFF;
}

.header-top-menu{
	height			:70px;
	min-width		:988px;
	float			:left;
	margin-left		:200px;
}

.header-logo{
	height			:105px;
	width			:200px;

	left			:130px;
	top				:38px;

	position		:absolute;
	border			:none;
	float			:left;	
}

.header-logo-samtrip{
	height			:70px;
	width			:220px;

	left			:140px;
	top				:42px;

	position		:absolute;
	float			:left;	
}


.header-logo img{
	max-height		:105px;
	max-width		:200px;
	border			:none;
}

.top-menu-a{
	height			:30px;
	/*background		:url('../images/top_menu_bg.jpg');*/

	margin-top		:0px;
	margin-left		:20px;
	margin-right	:20px;

	padding-top		:25px;
	float			:left;
}

.top-menu-a a{
	color			:#FFF;
	font-size		:13pt;
	font-weight		:400;
}

.top-menu-a a:hover{
	color			:#FC0;
}


.body-outer{
	min-height		:600px;
}

.body-inner{
	height			:100%;
	background		:#FFF;

	-moz-border-radius		:5px;
	-webkit-border-radius	:5px;
	-o-border-radius		:5px;
	-khtml-border-radius	:5px;
	border-radius			:5px;

	overflow		:hidden;
}

.left-navigation, .content{
	padding		:20px 10px 10px 10px;
	min-height	:768px;
}

.left-navigation{
	background		:#FFF;
	width			:180px;
	float			:left;

	-moz-border-radius		:5px 0px 0px 5px;
	-webkit-border-radius	:5px 0px 0px 5px;
	-o-border-radius		:5px 0px 0px 5px;
	-khtml-border-radius	:5px 0px 0px 5px;
	border-radius			:5px 0px 0px 5px;
}

li{
	list-style		:none;
	font-weight		:bold;
	margin-left		:-30px;
	padding-top		:3px;
	padding-bottom	:3px;
}

li a:hover{
	color:#FC0;
}

.content {
	background		:#F5F5F5;
	width			:768px;
	float			:left;

	padding-bottom	:20px;

	-moz-border-radius		:0px 5px 5px 0px;
	-webkit-border-radius	:0px 5px 5px 0px;
	-o-border-radius		:0px 5px 5px 0px;
	-khtml-border-radius	:0px 5px 5px 0px;
	border-radius			:0px 5px 5px 0px;
}

.content-body{
	width			:768px;
	clear			:left;
}

.content-advertisement{
	clear			:left;
}

.content-header{
	height			:70px;
	border-bottom	:2px solid #FFCC00;
	width			:768px;
}

.login-bm-content-header{
	height			:40px;
	border-bottom	:2px solid #FFCC00;
	width			:768px;
}

.bm-content-header{
	height			:60px;
	border-bottom	:2px solid #FFCC00;
	width			:768px;
}


.content-header img.samtrip-button{
	padding-top		:15px;
	width			:180px;
}

.content-header-info
{
	width:500px;
	height:auto;
	float:left;
}

.content-header-line1
{
	width:400px;
	padding-top:10px;
	clear:left;
}

.content-header-line2
{
	width:auto;
	height:30px;

	background:#F5F5F5;
	clear:left;
}

.bm-content-header-line2
{
	width:auto;
	height:30px;

	background:#F5F5F5;
	clear:left;
	margin-top: -15px;
}

.content-body {
	min-height		:500px;
	margin-top		:-15px;
}

.content-advertisement img{
	max-height		:155px;
	max-width		:155px;
	margin			:10px 0px 10px 5px;
	border			:1px solid #000;
}

.footer-outer{
	/*background		:url('../images/footer_bg.jpg');*/
	background		:#369;
	height			:60px;
}

.footer-left{
	margin-top		:8px;
}

.footer-left, .footer-right{
	margin-top		:8px;
}


.footer-left{
	float			:left;
	color			:#A5A5A5;
	margin-left		:20px;
}

.footer-right{
	float			:right;
	text-align		:right;
	margin-right	:20px;
}

.footer-right a{
	font-size		:9pt;
	color			:#F0F0F0;
	margin			:0px 5px 0px 5px;
	padding			:0px 5px 0px 5px;
}

/*==============================
	ALL CLASSES
Sets the style for the footer part
===============================*/

/*-----FORM SECTION------*/

form .row div.error, .daterow div.error  {
    font-size : 0.8em;
    line-height : 1em;
}

form .row, form .daterow{ margin : 0px 0px 20px 0px; clear : both; }

form .row label, .daterow label, .timerow label{
    width       : 200px;
    float       : left;
    display     : block;
    font-weight : bold;
}

.viewrow label {
    width       : 150px;
	min-height	: 20px;
    float       : left;
    font-weight : bold;
}

.viewrow2 label {
    width       : 120px;
	min-height	: 20px;
    float       : left;
    font-weight : bold;
}

form .row input[type=text] { width : 200px; }

form .row input[type=password] { width : 200px; }

form .daterow input[type=text] { width : 80px; }

form .timerow input[type=text] { width : 40px;}

form .captcha { margin-left : 200px; }

form .submit {
    padding : 5px;
    margin-top : 10px; 
}

form input[type=submit] {cursor:pointer;}

.rowwithline, .rowdoubleline 
{
	font-family: Lucida Grande, Lucida Sans, Arial, Helvetica, sans-serif;
	margin : 10px 0; clear : both;
	border-bottom : 1px solid #FFCC00;
}

.rowdoubleline
{
	border-top:1px solid #FFCC00;
	color:#000000; 
	font-size:10pt; 
	font-weight:bold;
	padding: 5px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.rowwithline label 
{
	width       : 60px;
    float       : left;
    display     : block;
    font-weight : bold;
}

.viewrow, .viewrow2 { margin : 10px 0 0 10px; clear:left; width:100%; overflow:hidden;}

.viewrow sublabel {
	margin-left	: 70px;
	width       : 80px;
    float       : left;
    display     : block;
    font-weight : bold;
}

form .row sublabel { 
	margin-left	: 70px;
	width       : 130px;
    float       : left;
    display     : block;
    font-weight : bold;
}


.login-form, .register-form, .front-box, a.front-button, .message-form, .white-box, .img-logo
{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-kthml-border-radius:8px;
	border-radius:8px;
}

.white-box{
	background		:#FFF;
	padding			:20px 20px 20px 20px;
	width			:90%;
	border			:1px solid #909090;
}

.login-form, .register-form, .message-form
{
	width:95%;
	min-height:200px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:20px;
	margin-top:20px;
	margin-bottom:30px;
		
	border:1px solid #606060;	

	background:#FFFFFF;

	overflow:hidden;
	clear:left;
}

.login-form .login-input{
	background		:#F0F0F0; 
	border			:1px solid #FC0; 
	height			:15px; 
	font-size		:9pt;
	padding-top		:0.3em;

	-moz-border-radius		:5px;
	-webkit-border-radius	:5px;
	-o-border-radius		:5px;
	-khtml-border-radius	:5px;
	border-radius			:5px;
}

.front-box
{
	padding-left:0px;
	padding-right:0px;
	padding-bottom:20px;
	padding-top:20px;
	margin-top:20px;
	margin-right:10px;
	

	background:#FA0;
	
	float:left;
}


/*-----BUTTON SECTION-----*/
a.front-button
{
	width:200px;
	margin-top:30px;
	margin-left:5px;
	margin-right:5px;

	padding-top:5px;
	padding-bottom:5px;

	font-family:Lucida Grande, Lucida Sans, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11pt;
	font-weight:bold;
	text-align:center;
	
	border:1px solid #606060;	

	background:#FFFFFF;
}

.button-style1, .button-style2
{
	color			:#000000;
	min-width		:120px;
	min-height		:15px;

	background-size	:100%;

	font-weight		:100;

	-moz-border-radius		:8px;
	-webkit-border-radius	:8px;
	-o-border-radius		:8px;
	-khtml-border-radius	:8px;
	border-radius			:8px;
}

.button-style1{
	background		:url('../images/orange-button.gif');
	border			:1px solid #FC0;
}

.button-style2{
	background		:url('../images/grey-button.gif');
	border			:1px solid #909090;
	cursor			:pointer;
}


/*-----ERROR STYLE SECTION-----*/
div.error {
    background : #a00;
    padding    : 5px;
    margin     : 5px 0;
    color      : #fff;
}

.time_picker_div {
	padding:5px;
	border:solid #999999 1px;
	background:#ffffff;
}

/*-----TABLE STYLE SECTION-----*/

table.list
{
	border-bottom:1px solid #FC0;
	margin-top:9px;
	font-size:9pt;
}

tr.header-list{
	background		:#FFCC00;
	text-align		:center;
	font-weight		:bold;
}

tr.content-table-normalpointer
{
	background:#FFFFFF;
}


tr.content-table
{
	background:#FFFFFF;
	cursor:pointer;
}

.content-table td{
	padding:12px 5px 12px 5px; 	
}

td.img-field
{
	text-align:center;
}

td img
{
	width:30px;
}

/*-----SMALL LOGO SECTION-----*/
.smalllogo{
	cursor:pointer;
}

.smalllogo img{
	max-height:100px; 
	border:none;
	margin-top:-25px
}

.smalllogo div{
	float: right;
}

.smalllogo p{
	font-size: xx-small;
	margin-right: 20px;
	margin-top: -5px; 
	color:#900;
}

.ui-datepicker-trigger {
	margin-left:5px;
	margin-top: 8px;
	margin-bottom: -3px;
	cursor:pointer;
}

h3.bm-invi{
	font-size		: 20%;
	font-weight		: normal;
}

h3.invi{
	font-size		: 90%;
	font-weight		: normal;
}

h3.breadcrumbs{
	font-size		: 90%;
	font-weight		: normal;
}

div.breadcrumbs{
	float			:left;
	width			:768px; 
}

div.editmenu{
	width			:90%;
	clear			:left;		
}

p.editmenu{
	font-weight		:bold;
}