/* 0 BASIC TAGS */




.ShowPageBox
{
  padding: 10px; 
  margin-right: 10px; 
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  hite-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.ShowPageBoxTopLine
{
  border-top: solid 1px gray; 
}

.ShowPageBoxBottomLine
{
  border-bottom: solid 1px gray; 
}

.ButtonGoogleMaps
{
 background-image:url(Images/GoogleIcons/GoogleMaps.jpg);
 background-repeat:no-repeat;
 display:block;
 width:243px;
 height:243px;
}


/* hack for telerik editor*/
.reToolbarWrapper
{
  line-height:25px !important;
}
/* change of link color within a tab of telerik control */
a.rtsLink,a.rtsLink:hover,a.rtsLink:active,a.rtsLink:visited,a.rtsLink:Link
{
 color:Black !important;
}


.floatLeft
{
	float:left;
}

.InputBoxWatermark
{
 color:#6f6f6f;
}


.windowInternal
{
 background-color: Silver; 
 padding: 10px 10px 10px 10px;
 margin:0px 0px 0px 0px;
}

.watermarked
{
  color:#999;
  border-color:#a7a7a7; 
  border-style:solid !important;
  border-width:1px; 
  font-style:italic;
  font-size:13px !important;
}

.hidden
{
   visibility:hidden;
}

.show
{
  height:13px;
  width:13px;
  background-image: url(Images/Inlinebuttons/ShowHide.png);
  background-position:right top;
  background-repeat:no-repeat;
  margin-top:6px;
  margin-left:3px;
  overflow:hidden;
  float:left;
}

.hide
{
  background-position: right -13px;
}

.WidthSmall
{
	width:100px;
}

.WidthMedium
{
	width:200px;
}

.WidthLarge
{
	width:310px;
}

.MarginLeftSmall
{
	margin-left:105px;
}

.MarginLeftMedium
{
	margin-left:205px;
}

.MarginLeftLarge
{
 margin-left:315px;
}



.MultiPage
{
 border: solid 1px gray; 
 margin-top: -1px;
}

div.ShowForm
{
  background-color: White;
  padding:5px;
}

div.EditForm
{
  background-color: #ffffff;
  padding:5px;
}

ul.ShowFormList
{
	list-style: none;
	margin:0;
	padding:1px;
}



ul.EditFormList
{
	list-style: none;
	margin:5px;
	padding:0;
}

.EditFormList > li
{
  border-bottom: 1px solid #959485;
	padding: 8px 0px;
	margin: 0 5px;
  height: auto !important;
}

.EditFormList li.lastListItem
{
	border: none;
}

.RequiredInput
{
   margin: 7px 0px 0px 3px;
   padding: 0px 0px 0px 0px;
   border-width:0px;
   vertical-align:top;
}

.QuestionMark
{
   margin: 0;
   padding: 0px 0px 0px 0px;
   border-width:0px;
   vertical-align:top;
}


.EditRequiredMessage
{
  line-height:22px;
  color:Red;
  display:inline;
  margin-left:5px;
}

.EditLabel
{
	float:left;
	color: #3D362C;
	font-size: 14px; 
	padding: 0px 5px 0px 0px; 
	text-align:right;
	line-height:22px;
  vertical-align:middle;
}

/* hack to get the yellow color of google get away*/
.RadComboBox_Default .rcbInputCell .rcbInput
{
 background-color: White !important;
}

.EditTextInput
{
  
  background-color: White !important;
  border-color:#a7a7a7; 
  border-width:1px; 
  border-style:solid !important;
  width:250px;
  padding: 2px 0px 4px 5px; 
  margin: 0px;
}

.EditTextInputLarge
{
  background-color: White !important;
  border-color:#a7a7a7; 
  border-width:1px; 
  border-style:solid !important;
  width:400px;
  padding: 2px 0px 4px 5px; 
  margin: 0px;
}


.EditCheckBoxInput
{
  width :25px;
  margin:2px 0px;/* used to center same way as textbox*/
}

.EditComboBoxInput
{
  width :257px !important;
  height:24px;
  /*
  margin:3px 0px 3px 0px !important;/* used to center same way as textbox*/
}

.EditDateInput
{
  width:148px;
  margin:0px;/* used to center same way as textbox*/
}






/****** elements ******/

.triangle_Up
{
  clear:left;
  height:5px;
  margin:0 0 0 17px;
  overflow:hidden;
  width:9px;
}

 /**************** responser**************/



.response_Box
{
  font-size:11px;
  overflow:hidden;
  padding:2px 0 0;
  width:250px;
}
 
.response_SubBox
{
  font-size:11px;
  overflow:hidden;
  padding:2px;
  background-color:#eceff5;
 
}

.response_SubBoxBorder
{
  border-bottom-color:White;
  border-bottom-width:2px;
  border-bottom-style:solid;
}


.response_InsertBox
{
 margin-bottom:5px;
}

.response_Item
{
  margin:5px 2px 5px 0px; 
}



.responseUsername
{
  display:inline;
  font-weight:bold;
}

.responseDate
{
  color:#666666;
  display:inline;
  margin-left:8px;
}

.responseBody
{
}

 /**************** info to user**************/
#UserAvailability {
 
  padding-left: 22px;
  background-position: left;
  background-repeat: no-repeat;
}
 
.taken {
  background-image: url(Images/Inlinebuttons/taken.jpg);
  height:22px;
  padding-left: 22px;
  background-position: left;
  background-repeat: no-repeat;
}
 
.available {
  background-image: url(Images/Inlinebuttons/available.jpg);
  height:22px;
  padding-left: 22px;
  background-position: left;
  background-repeat: no-repeat;
}

.MessageCommunication
{
 background-image:url(Images/Inlinebuttons/success.jpg);
 background-repeat:no-repeat;
 padding: 5px 5px 5px 25px;
 margin: 5px 0px 5px 0px;
 background-color:White;
 background-position:3px 50%;
 color: Black;
 
 display:block;
 line-height:20px;
 
}

.MessageNotify
{
 background-image:url(Images/Inlinebuttons/notify.png);
 background-repeat:no-repeat;
 background-repeat:no-repeat;
 padding: 5px 5px 5px 25px;
 margin: 5px 0px 5px 0px;
 background-color:White;
 background-position:3px 50%;
 color: Black;
 
 display:block;
 line-height:20px;
 
}

.MessageWarning
{
  background-image:url(Images/Inlinebuttons/error.jpg);
 background-repeat:no-repeat;
 padding: 5px 5px 5px 25px;
 margin: 5px 0px 5px 0px;
 background-color:White;
 background-position:3px 50%;
 color: Black;
 
 display:block;
 line-height:20px;
/*
   font-style:italic;
   color: Red;
   */
}

.MessageError
{
    background-image:url(Images/Inlinebuttons/error.jpg);
   background-repeat:no-repeat;
   padding: 5px 5px 5px 25px;
   margin: 5px 0px 5px 0px;
   background-color:White;
   background-position:3px 50%;
   color: Black;
 
   display:block;
   line-height:20px;
   color: Red;
   font-weight: bold;
   
   /*
   font-style:italic;
   */
}

.messageToUserWaiting
{
    position:fixed; 
    left: 50%; 
    top:50%; 
    width:200px; 
    z-index:10; 
    background-color:InfoBackground; 
    padding:10px 10px 10px 10px; 
    margin: -100px 0 0 -100px;
}