/*ADMIN CONTROL PANEL CSS*/

body {
background-color: #CCCCCC;
margin:0px;
padding:0px;
font: 10px  verdana, arial, helvetica;
color: #6d5f5f;
}
#main_container{
width:950px;
height:auto;
margin:auto;
background-color:#fff;
}
#header{
width:950px;
height:91px;
background:url(images/header_bg.jpg) repeat-x;
border-bottom:1px #5a5655 solid;
}
a:link, a:visited {
 text-decoration: none;
 color: #668b3e;
 text-decoration:underline;
}
.big_logo_bg{
float:left;
width:259px;
height:83px;
margin-left:115px;
background:url(http://thespouterinn.com/manage/images/big_logo.jpg) no-repeat center;
}
.logo{
padding:20px 0 0 25px;
float:left;
}
.top_navigation{
width:123px;
height:26px;
float:right;
padding:0px 7px 0 7px;
text-align:center;
line-height:20px;
color:#ffffff;
background: #333333;
background-position:0px 0px;
}
.top_navigation a{
text-decoration:none;
color:#ffffff;
}
.top_navigation a:hover{
text-decoration:underline;
color:#ffffff;
}

/*MENU*/
#menu_tab{
width:950px;
height:31px;
background-color:#333333;
border-top:1px #000000 solid;
text-transform:uppercase;

}

#menu_tab ul {
 margin: 0; padding: 0;
 list-style: none;
}
#menu_tab li {
 float: left;
 height: 16px;
 padding-left: 25px; padding-right: 25px; padding-top: 8px;
 background: url(images/sep.gif) no-repeat right;
}
#menu_tab a {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 text-decoration: none;
 color: #ffffff;
}
#menu_tab a:hover {
 color: #dad7d7;
}
.search_tab{
float:right;
width:225px;
}
input.search{
float:left;
width:169px;
height:18px;
border:none;
margin-top:5px;
color:#666666;
padding-left:3px;
}
img.search_button{
float:left;
padding:0 0 0 10px;
}

/*MAIN MENU*/
#main_content{
width:950px;
height:auto;
margin:auto;
background-color:#fff;
}
#left_content{
width:170px;
padding:25px 5px 75px 10px;
float:left;
}

/*LEFT MENU*/
.left_box{
width:200px;
margin-top:10px;
border:1px #e7e7de solid;
background-image:url(images/bg_left.jpg);
margin-bottom: 10px;
}
.left_box_title{
width:196px;
height:26px;
background:url(images/left_title_bg.gif) repeat-x;
margin:2px;
text-align:center;
line-height:28px;
color:#777777;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
#left_menu_tab a
{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dcddde;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ffffff;
color: #222222;
display: block;
font-size: 12px;
padding-top: 10px;
padding-right: 10pt;
padding-bottom: 10px;
padding-left: 10px;
text-decoration:none;
}
#left_menu_tab a:hover
{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dcddde;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ffffff;
color: #444444;
display: block;
font-size: 12px;
padding-top: 10px;
padding-right: 10pt;
padding-bottom: 10px;
padding-left: 10px;
text-decoration:none;
background-color:#efefef;
}

/*RIGHT CONTENT*/
#right_content{
width:710px;
float:right;
padding:10px 10px 10px 20px;
clear:right;
}
.title{
color:#6d5f5f;
padding:10px 10px 0px 10px;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
img.pic{
float:left;
padding:10px 25px 25px 10px;
}
img.pic2{
float:left;
padding:35px 10px 25px 10px;
}
.blue{
color:#00ade0;
}
.photos_box{
padding:0px;
}
.big_photo_box{
padding:10px 10px 20px 10px;
float:left;
}
.right_subpic_content{
padding:0 0 0 10px;
}
.right_subpic_content_register{
clear:both;
padding:5px 0 0 0px;
}
.right_subpic_box{
width:690px;
height:auto;
float:left;
border:1px #dddddd solid;
background:url(images/left_title_bg.gif) repeat-x top;
padding:2px;
margin: 10px 0px 10px 0px;
}
.right_subpic_box_text{
float:left;
width:310px;
padding:5px 10px 10px 10px;
}
.right_subpic_box_text_wide{
float:left;
width:685px;
padding:5px 0 0 5px;
}
.right_subpic_box_title{
width: auto;
height: auto;
padding:0px 10px 10px 5px;
color:#777777;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
p{
	padding:5px;
	margin:0px;
	line-height:14px;
	text-align:justify;
	font-family: verdana, arial, helvetica;
}
p.border_right{
border-right:1px #CCCCCC dashed;
padding:5px 25px 5px 5px;
}
.more{
float:right;
margin:10px;
}
.more a{
text-align:center;
text-decoration:none;
padding:5px 20px 7px 20px;
line-height:17px;
color: #ffffff;
background:url(images/more_bg.gif) repeat-x;
}
.more a:hover{
text-decoration:underline;
}
.right_box_details{
width:285px;
margin-top:10px;
float:left;
border:1px #e7e7de solid;
}
.right_box_title{
width:266px;
height:34px;
background:url(images/left_title_bg.gif) repeat-x;
margin:2px;
text-align:left;
line-height:18px;
padding-left:15px;
color:#777777;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
p.details{
line-height:22px;
padding:10px 0 0 15px;
}
.navigation{
width:680px;
margin:0px;
height:20px;
padding-top:7px;
padding-left:15px;
color:#333;
background: url(images/navbg.gif) repeat-x;
}
.navigation a{
background:url(images/nav_arrow.gif) no-repeat left;
padding-left:15px;
color:#000000;
text-decoration:none;
} 
.navigation span{
background:url(images/nav_arrow.gif) no-repeat left;
padding-left:15px;
}
.navigation a:hover{
text-decoration:underline;
}

/*PAGINATION*/
#pagination {
display:block;
text-align:left;
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#pagination a:link, #pagination a:visited{
padding:2px;
padding-top:2px;
padding-bottom:2px;
margin-left:5px;
text-decoration:none;
color:#32bde6;
width:22px;
font-weight:normal;
}
#pagination a:hover {
color:#000;	
}
#pagination .active_link {
padding:2px;
padding-top:2px;
padding-bottom:2px;
margin-left:5px;
text-decoration:none;
color:#000;
cursor:default;
}
#pagination .disabled_pagination {
padding:2px;
padding-top:2px;
padding-bottom:2px;
margin-left:5px;
text-decoration:none;
color:#D7D7D7;
cursor:default;
}

/*FOOTER*/
#footer{
clear:both;
width: 950px;
height:62px;
color: #b6b6b1;
background-color:#343030;
background:url(images/footer-bg.gif) repeat-x;
}
.copyright{
float:left;
width: 950px;
padding-left:10px;
padding-top:24px;
text-align: center;
margin: 0 auto
}
.copyright a{
text-decoration:none;
color: #ffffff;
}

.footer_links{
float:right;
padding-right:10px;
padding-top:8px;
}
.footer_links a{
text-decoration:none;
color: #5F5F5F;
}
.footer_links a:hover{
text-decoration:underline;
color: #5F5F5F;
}

.footer_links a:visited{
text-decoration:underline;
color: #5F5F5F;
}

/* TABLES */	
table.iu_table  {border-collapse: collapse; margin: 0; width: 98%;border: 1px solid #CCCCCC; border-right: none; font-size:11px}
table.iu_table thead {border-bottom: 1px solid #CCCCCC; }
table.iu_table thead th{color:#333333;text-align:left; font-weight:normal;text-transform:uppercase; padding:15px 10px 15px 36px; border-right: 1px solid #CCCCCC}

table.iu_table  td { padding: 0 10px 0 10px;line-height: 120%; vertical-align: middle; background: #f7f7f7; border-right: 1px solid #CCCCCC;}
table.iu_table  td a { display: block; padding: 10px 0; }
table.iu_table  tr.odd td { background: #f1f1f1;}

/*MOUSEOVER*/
table.iu_table  tr.over td,
table.iu_table  tr:hover td {
	cursor: pointer;
	background: #E8E4DE;
	font-family: verdana, arial, helvetica;
}
table.iu_table  tr:hover a {}

table.iu_table a.table_delete {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(images/cross001.png) no-repeat; float: left; margin: 0 10px 0 0}
table.iu_table a.table_edit {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(images/pencil01.png) no-repeat; float: left; margin: 0 10px 0 0}
table.iu_table a.table_comment {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(images/balloon1.png) no-repeat; float: left; margin: 0 10px 0 0}


/*TABLE / RECORD PAGINATION*/
.pagination {padding: 20px 0}
.pagination a {text-decoration: none; color:#999999; background: #f1f1f1; padding: 5px 9px; margin: 0 0 7px 0; border: 1px solid #CCCCCC; font-size:9px}
.pagination a:hover {cursor: pointer; background: #E8E4DE; color:#666666 }
.pagination a.selected { color: #ffffff; background: #5e5552; border: 1px solid #5e5552 }

/*LOGIN*/
.login_form {position: absolute; top: 200px; left: 200px; background: url(http://thespouterinn.com/manage/bg_login.gif) no-repeat #FFFFFF; width:600px}
.login_form fieldset {background:url(http://thespouterinn.com/manage/bg_login.gif) no-repeat left bottom; padding: 10px 30px 15px 30px; margin-top: 10px}
.login_form label {display: block;	position: relative;  padding: 10px 0 10px 0; float: left; width: 200px; height: 45px;}
.login_form fieldset input {border: 1px solid #CCCCCC; height: 27px; padding: 0 5px; position: absolute; top: 30px; left: 0; outline: none; width: 170px ;background: #f7f7f7}
.login_form .button {clear: none; margin: 30px 0 10px 0}
.login_form a.forgot_login {font-size:10px; float: right; clear: both;}


/*IE7 FIX 18/12/2008 */
ul.tabbernav li,
.login_form a.forgot_login {white-space:nowrap;}/*additional*/
.iu_form {clear: both}/*additional*/
.container1,
.container2 {margin: 0; padding: 20px 0 20px 30px }/*overwrites previous*/

/*SUB CONTAINERS*/
.container2 {width:370px; margin: 15px 0 10px 10px; float: left; padding: 15px 0 0 0 }
.container1 {width:570px; margin: 15px 0 0 30px; float: left; padding: 15px 0 0 0; clear: both }
.separator {border-top: 0px solid #CCCCCC}/*acts like a hr just incase you need one - adds a stroke to the top of div*/

/*NOTIFICATIONS -controls*/
a.close {position: absolute; top: 5px; right: 5px; padding-right: 15px; color:#990000; background: url(http://thespouterinn.com/manage/cross_sn.png) no-repeat right center; font-size:9px}

/*NOTIFICATIONS -defaults*/
div.notification {position: relative; margin: 5px 0 10px 0; }
div.notification em {padding: 15px; font-style:normal; display: block}
div.notification em img {margin-right: 10px; position: relative; top: 3px;}

/*NOTIFICATIONS -variations*/
div.error {border: 1px solid #d7bbb8; background: url(http://thespouterinn.com/manage/highligm.gif) repeat-x #f6dcd9;}
div.confirm {border: 1px solid #cad3a6; background: url(http://thespouterinn.com/manage/highlign.gif) repeat-x #dfe9b8;}
div.attention {border: 1px solid #dbd6a1; background: url(http://thespouterinn.com/manage/highligo.gif) repeat-x #f8f2b7;}
div.information {border: 1px solid #b8c6d2; background: url(http://thespouterinn.com/manage/highligl.gif) repeat-x #dae6f1;}


/*FORMS*/
.iu_form {}
.iu_form fieldset {border: none; outline: none; background:url(http://thespouterinn.com/img/icons/cross_circle.png) no-repeat -9999px -9999px}/*give the fieldset the image background so that it loads ready for jQuery execution*/
.iu_form label {display: block;	position: relative;  padding: 10px 0; clear: both; float: left; width: 100%; height: 45px}
.iu_form label.ta {height: 175px}
.iu_form fieldset input {border: 1px solid #CCCCCC; height: 17px; padding: 6px 5px 4px 5px; position: absolute; top: 30px; left: 0; outline: none; width: 100%; background: #f7f7f7}
.iu_form fieldset select {border: 1px solid #CCCCCC; height: 27px; padding: 5px 5px; position: absolute; top: 30px; left: 0; outline: none; width: 100%; background: #f7f7f7}
.iu_form fieldset textarea {height: 143px;display: block; border: 1px solid #CCCCCC; overflow: auto; padding: 5px 5px; outline: none; position: absolute; bottom: 6px; left: 0; background: #f7f7f7}
.iu_form label.error {color: #da3939; font-size: 10px;	font-style: italic;	width: 40%; text-align: right; padding: 0 20px 0 0; background:url(http://thespouterinn.com/img/icons/cross_circle.png) no-repeat center right; position: absolute; top: 10px; right: 0; height: 16px }

.iu_form fieldset .inputselect input,
.iu_form fieldset .inputselect textarea,
.iu_form fieldset .inputselect select {width: 200px;}
.iu_form fieldset .label2 input,
.iu_form fieldset .label2 textarea,
.iu_form fieldset .label2 select  {width: 270px;}
.iu_form fieldset .label3 input,
.iu_form fieldset .label3 textarea,
.iu_form fieldset .label3 select  {width: 370px;}

.iu_form fieldset label.label_calendar1 input {width: 170px; padding: 6px 5px 4px 30px }
.iu_form fieldset label.label_calendar2 input {width: 240px; padding: 6px 5px 4px 30px }
.iu_form fieldset label.label_calendar3 input {width: 340px; padding: 6px 5px 4px 30px }

/*INPUT*/
.titletext {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#ffffff;
  font-size:14px;
  margin-bottom: 0px;
  padding: 0px 0px 0px 0px;
  background-color:#94c5dd;
}

.inputtext {
  margin:7px 0 10px 0;
  font-size:13px;
  width:200px;
  color:#666666;
  background-image:url(images/inputbg.gif);
  border:1px solid #d4d4d4;
  padding: 6px 0px 6px 0px
}
		
.cinput {
 	border: 1px solid #777777;
	width: 468px;
	background: #efefef;
	font: 13px verdana, sans-serif;
	color:#444444;
	padding: 3px;
	margin-bottom: 0px;
	outline: none;
	padding: 0px 10px 0px 0px;
	margin: 0px 10px 0px 0px;
}

.cinput2 {
 	border: 1px solid #777777;
	width: 150px;
	background: #efefef;
	font: 12px verdana, sans-serif;
	color:#444444;
	padding: 3px;
	margin-bottom: 0px;
	padding: 4px 10px 0px 0px;
	margin: 0px 10px 0px 0px;
}	

.inputselect {
	margin:4px 0 10px 0;
		font-size:13px;
		width:200px;
		color:#666666;
		background-image:url(images/inputbg.gif);
		border:1px solid #e5e5e5;
		padding: 6px 0px 6px 0px
}

.hidden
{
  display: none;
}

.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
	background-position: 10px center;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/error.png');
}
.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('images/error.png');
}