﻿/* Globals */

legend
{
	padding: 0.5em;
	color: #036;
	font-size: 1.2em;
	font-weight: bold;
}
/* End of Globals */
/*----- Forms -----------*/
ul.formHorizontal
{
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
ul.formHorizontal li
{
	list-style-image: none;
	list-style-type: none;	
	clear: left;
	overflow:hidden;	
	display:block;
	padding:2px 0;	
}
ul.formHorizontal label
{
	display: block;
	width: 120px; /* ADJUST : Width of the label */
	float: left;
	text-align: right;
	margin-right: 3px;
}
ul.formHorizontalIEFix label
{
	padding-right:0.5em;
}
ul.formHorizontal textarea:focus, ul.formHorizontal input:focus
{
	background-color: #FFFFCC;
}
ul.formHorizontal .fm-req input
{
	border: solid 1px darkred;
}
ul.formHorizontal .fm-req label
{
	font-weight: bolder;
}
/* Lists rendered in table */
ul.formHorizontal table
{
	float: left;
}
ul.formHorizontal table label
{
	display: inline;
	float: none;
}
ul.formHorizontal .checkbox
{
	margin-left: 100px; /*Same as form's label width*/
}
ul.formHorizontal .checkbox label
{
	float: none;
	display: inline;
}
ul.formHorizontal .explanation
{
	margin: 0 0 0 125px;
	font-size:x-small;
}

ul.formVertical
{
	list-style-type: none;
	margin:0;
	padding:0;
}
ul.formVertical li
{	
	margin: 10px 0;
	padding:0 0 0 3px;	
	background: #eee url(img/bgshadelong.gif) repeat-x 0 0;
	list-style-type:none;
	list-style-image:none;
}
ul.formVertical li.fm-req
{
	border-left: solid 1px darkred;
}
ul.formVertical li.fm-alt
{
}

ul.formVertical label
{
	display: block;
	font-weight: bold;
}
ul.formVertical textarea:focus, ul.formVertical input:focus
{
	background-color: #FFFFCC;
}
ul.formVertical table label /* fix for lists rendered in table */
{
	display: inline;
	font-weight: normal;
}

#commentsForm
{
	text-align: left;
}
#commentsForm #body
{
	text-align: right;
}
#commentsForm ul
{
	padding: 0;
	margin: 0;
	text-align: right;
}
#commentsForm li
{
	list-style: none;
	margin: 0;
	padding: 2px 0;
}
#commentsForm textarea:focus, #commentsForm input:focus
{
	background-color: #FFFFCC;
}
#commentsForm .req label
{
	font-weight: bold;
}
div.commentsRegular, div.commentsAdmin
{
	margin: 1em 0; 	
	padding:0.2em;
    position: relative;
}
div.commentsRegular
{
	border-right: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	background: white url(img/bgshadelong.gif) repeat-x 0 top;
}
div.commentsAdmin
{
	border-right: 1px solid #DBD8C4;
	border-left: 1px solid #DBD8C4;
	border-bottom: 1px solid #DBD8C4;
	background: white url(img/bgshadeyellowlong.gif) repeat-x 0 top;
}


/*----- End of Forms ----*/
/*----- Panels ----------*/
div.panelInvitation
{
	border: solid 1px darkgray;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
div.panelInvitation br
{
	clear: both;
}
div.panelPageAdmin ul
{
	padding: 0;
	margin: 0;
}
div#panelPageAdminHelp
{
	float:right;
}
div#panelPageAdminHelp a.btnHelp
{
	padding:0;
	margin:0;
	text-decoration:none;
	border:none;
}
div.panelSaveCancel
{
	margin: 1em 0 0 0;
	text-align: center;
	padding: 0.3em;
	background: black url(img/savePanelBg.jpg) repeat-x 0 0;
}
div.boxTransparent, div.boxGray
{
	overflow: hidden;
}
div.noContent
{
	margin:3em 0;
}
div.boxHeader
{
	padding: 3px;
	margin: 0;
	font-size: 10pt;
	font-weight: bold;
	border-bottom: dashed 1px gray;
}
div.boxGray #boxHeader
{
	color: #666666;
}
div.boxContent
{
	margin: 0;
	padding: 3px;
}
div.boxGray
{
	background: #fff url(img/bgshade.gif) repeat-x;
}
div.propGrid
{
	background: white url(img/bgshadelong.gif) repeat-x 0 0;
	margin:0 0 0 1em;
	width: 500px;
}
div.propGridHeader
{
	cursor:pointer;
	margin:0;
	font-weight:bold;
	padding:2px 0;
}	
div.propGridContent
{
	margin:0;
	padding:0;
}
div.propGridHeader, div.propGridContent, div.propGridContent input, div.propGridContent select, div.propGridContent textarea
{
	font-family:Verdana;
	font-size:8pt;
}
div.propGridContent ul
{
	padding:0;
	margin:0 0 0 15px;
	
}
div.propGridContent ul li
{
	overflow: hidden;
	padding:2px 0;
	border-bottom: solid 1px #ccc;
	list-style-type:none;
	list-style-image:none;
}
div.propGridContent ul label
{
	display:block;
	width:110px;
	float:left;
	line-height: 18px;
}
div#panelSort
{
	float: left;
}
div#panelPageSize
{
	float: right;
}

div#buttonsCreateNewUser
{
	text-align:center;
}
div.panelInsertFunFact
{
	background-color: LightGrey;
    padding: 1em; 
    border: solid 1px gray;
    width: 400px; 
}

/*----- End of Panels ---*/

/* Buttons */
a.BackToCategory
{
	background: url(img/back_arrow_small.gif) no-repeat 0 0;
	padding-left: 25px;
	padding-top: 2px;
	padding-bottom: 3px;
}
.SlideShowButton
{
	background: url(img/slideshow.gif) no-repeat 0 0;
	padding-left: 37px;
	padding-top: 10px;
	padding-bottom: 5px;
	display: block;
	font-weight: bold;
}
a.btnSave, a.btnSave:hover
{
	font-weight: bold;
	padding: 0 0 0 20px;
}
a.btnSave
{
	background: url(img/save.gif) no-repeat 0 0;
}
a.btnSave:hover
{
	background-position: 0 -17px;
}
a.btnRss, a.btnRss:hover
{
	padding: 0 0 0 20px;
}
a.btnRss
{
	background: url('img/feed-icon.gif') no-repeat 0 0;
}
a.btnRss:hover
{
	background-position: 0 -16px;
}
a.btnFormField
{
	background-color:#F5F5F5;
	background-position:8px center;
	background-repeat:no-repeat;
	border-color:#EEEEEE #DEDEDE #BFBFBF #EEEEEE;
	border-style:solid;
	border-width:1px;
	color:#444444;
	cursor:pointer;
	display:block;
	font-size:95%;
	font-weight:bold;
	height:1%;
	padding:4px 4px 4px 32px;
	text-decoration:none;
	margin: 2px;
	text-align:left;
	width:150px;

}
a.btnFormField:hover {
	background-color:#DFEEA3;
	border:1px solid #C6D880;
	color:#444444;
	text-decoration:none;
}
a.SingleLineText { background-image: url(img/forms/SingleLineText.gif); }
a.MultipleLineText { background-image: url(img/forms/MultipleLineText.gif); }
a.MultipleChoice { background-image: url(img/forms/MultipleChoice.gif); }
a.DropDown { background-image: url(img/forms/DropDown.gif); }
a.CheckBoxes { background-image: url(img/forms/CheckBoxes.gif); }
a.Name { background-image: url(img/forms/Name.png); }
a.Address { background-image: url(img/forms/Address.png); }
a.Phone { background-image: url(img/forms/Phone.gif); }
a.Email { background-image: url(img/forms/Email.gif); }
a.Website { background-image: url(img/forms/Website.gif); }
a.Date { background-image: url(img/forms/Date.gif); }
a.Number { background-image: url(img/forms/Number.gif); }
a.SectionBreak { background-image: url(img/forms/SectionBreak.gif); }
a.btnAddNewField
{
	line-height:20px;
	cursor:pointer;
}
a.btnDisabled
{
	border: 0;
}
input.btnComments
{
	padding: 0 2em;
}
a#btnShowVideoChat
{
	background: url(img/webcam24.png) no-repeat 0 0;
}
a#btnShowVideoChat, a#btnShowVideoChat:hover
{
	padding: 3px 0 5px 24px;
	font-weight:bold;
}
/* End of Buttons */
/* Begin Lists */
ul#listElements
{
	margin:0;
	padding:0;
}
ul#listElements li
{
	padding: 0;
	margin:0 0 0 15px;
	list-style-type: disc;
}
ul#listElements li.selected
{
	background-color:#FFFF99;
	color:Black;
}
ul#listElements li.selected a
{
	color:Black;
}

ul#listElements li a
{
	padding:0;
	margin:0;
	display:inline;
	float:none;
	background:none;
	text-decoration:none;
}
ul#listElements li a:hover
{
	text-decoration:underline;
}
ul#listElements span.date
{
	font-size:smaller;
}
ul#notificationsList span.notificationName
{
	display:block;
	width:300px;
	float:left;
	list-style-type:none;
}
ul#notificationsList li
{
	list-style-type:none;
	padding: 0.5em 0 0.5em 20px;
	margin: 0 0 0 8px;
	overflow : hidden;
	background: url(img/bell16.gif) no-repeat 0 center;	
}
/* End Lists */
/* Begin of AjaxControlToolkit */
/* Rating */
.ratingStar
{
	font-size: 0pt;
	width: 13px;
	height: 12px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
}

.filledRatingStar
{
	background-image: url(img/FilledStar.png);
}

.emptyRatingStar
{
	background-image: url(img/EmptyStar.png);
}

.savedRatingStar
{
	background-image: url(img/SavedStar.png);
}
/*Reorder List*/
.dragHandle
{
	width: 11px;
	height: 40px;
	background-color: #3670AF;
	background-image: url(img/Grip.gif);
	border:outset thin white;
	cursor: move; /*border: outset thin white;*/
}

.callbackStyle
{
	border: thin blue inset;
}

.callbackStyle table
{
	background-color: #5377A9;
	color: Black;
}

div.reorderList ul
{
	list-style: none;
	margin:0;
	padding:0;
}

div.reorderList li
{
	list-style: none;
	margin: 2px;	
	display:block;
}

.reorderCue
{
	border: dashed thin black;
	width: 100%;
	height: 3.5em;
}

.itemArea
{
	background: #F1F2F5 url(img/ReorderListBg.gif) repeat-x 0 0;
	margin-left: 5px;
	border: solid 1px #002D86;
	overflow:hidden;
}
/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
	border: solid 1px #ccc;
	z-index:99999;
}

/* End of AjaxControlToolkit */

/* Begin of Partial */
.sidebox
{
	font-size: 100%;
}
.boxhead
{
	margin: 0;
	padding: 0;
	position: relative;
}
.boxhead select
{
	position: absolute;
	right: 0;
	top: 0;
	font-size: smaller;
	margin-right: 2em;
}
.boxbody
{
	margin: 0;
	padding: 1em 2em;
}
/* End of Partial */

/* Begin - Demo Sites */
div.siteBanner
{
	position: absolute;
	left: 0;
	top: 0;
	color: black;
	background: url(img/transparent.png) repeat 0 0;
	font-size: 10pt;
	padding: 3px;
	font-family: Tahoma;
	border: solid 1px #cccccc;
	text-align: center;
	z-index:99999;
}
div.demoSiteBanner a
{
	font-weight: bold;
}
/* End - Demo Sites */
.mediaTitle
{
	font-size: large;
	font-weight: bold;
	padding: 0.5em 0;
}

.mediaCategoryGroupTitle
{
	cursor:pointer;
}
div.mediaNextPrevious
{
    overflow: hidden; 
    padding: 5px 0;
}
/* Begin - Widgets */
.webPart
{
	margin: 0.5em 0;
}
.webPartZone-PartTitle
{
	background: #404040 url(img/webPartDragBg.gif) repeat-x 0 top;
	color: White;
	font-size: 10pt;
	font-family: Tahoma;
	margin: 0;
	padding: 3px;
	font-weight: bold;
}
.webPartZone-PartTitle a, .webPartZone-PartTitle a:link, .webPartZone-PartTitle a:visited
{
	color: White;
	font-weight: normal;
	margin: 0 5px;
}
.webPartZone-Horizontal
{
}
.webPartZone-Vertical
{
}
.webPartEditorZone
{
	background-color: #F6F8FB;
	font-family: Verdana;
	border: solid 1px #809CD1;
	font-size: 0.8em;
	color: #333333;
	position:relative;
	z-index:99999;
}
.webPartEditorZone a
{
	color: black;
}
.webPartEditorZone td
{
	padding: 3px;
}
.webPartEditorZone fieldset
{
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin: 0;
	padding: 0.5em 0;
	font-size: 8pt;
}
.webPartEditorZone-Header
{
	background: #D1DDF1 url(img/tableWindowTitleBg.gif) repeat-x 0 0;
	font-weight: bold;
	padding: 0.3em;
}
.webPartEditorZone-Header a, .webPartEditorZone-Header a:visited, .webPartEditorZone-Header a:link /*verb*/
{
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
.webPartEditorZone-Footer
{
	background-color: #BDCDEA;
}

/* End - Widgets */
/* Begin Blog */
div#blogEntry
{
	background-position: 0 bottom;
	border: 1px solid #999999;
	margin: 1em 0;
	padding: 0.3em;
	background: transparent url(img/blogEntryBg.gif) repeat-x 0 bottom;
}
div#blogTitle
{
	padding: 0;
	margin: 0;
	font-size: large;
	text-decoration: none;
}

ul#tagcloud
{
	white-space: normal;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#tagcloud li
{
	display: inline;
	float: none;
	padding: 0;
	margin: 0;
	line-height: 24px;
}

#tagcloud li a
{
	display: inline;
	float: none;
	margin: 0;
	padding: 0 3px 0 0;
	text-decoration: none;
	background: none;
	font-weight: normal;
}

#tagcloud a.selected
{
	background-color: #FFFF99;
	color:Black;
}

#tagcloud a.biggest
{
	font-size: 20px;
}

#tagcloud a.big
{
	font-size: 17px;
}

#tagcloud a.medium
{
	font-size: 13px;
}

#tagcloud a.small
{
	font-size: 12px;
}

#tagcloud a.smallest
{
	font-size: 10px;
}
ul#monthList, ul#monthList ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
ul#monthList li.year
{
	font-weight: bold;
	cursor: pointer;
	background: none;
	border: 0;
	padding: 0 0 5px 0;
	display: block;
	width: 100%;
}
ul#monthList li.month
{
	font-weight: normal;
	padding: 2px 0 2px 20px;
	border: 0;
	background: none;
}
ul#monthList li.selected
{
	background-color: #FFFF99;
}
ul#monthList li.selected a
{
	color: Black;
}

ul#monthList li.month a
{
	background: none;
	padding: 0;
	margin: 0;
}
/* End - Blog */
/* Begin - Classifieds */
.classifiedTitle
{
	font-size: 12pt;
	font-weight:bold;
	padding: 0.5em 0 0.2em 0;
}
.classifiedDescription
{
	padding: 1em 0;
}
div#siteClassifieds
{
	padding-top: 1em;
}
/* End of Classifieds */
/* Begin Fun Facts */
table.FunFacts
{
	width:100%;
}
table.FunFacts td
{
	padding:2px 0;
}

/* End of Fun Facts */
/* Begin of Subscriptions */
#subscribeTitle
{
	font-size: 20pt;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
	line-height: 22pt;
}
#subscribeSubTitle
{
	font-size: 18pt;
	margin:0;
	padding: 0 0 1em 0;
	text-align:center;
}
div.subscribeItem
{
	padding:0.6em 0;
	text-align:center;
	font-size:12pt;
}
div.subscribeItem a
{
	text-decoration:underline;
}
div.subscribeItem a:hover
{
	text-decoration:none;
}

table.subscriptionsTable
{
	border-collapse:collapse;
	text-align:center;
	width:99%;
}
table.subscriptionsTable th
{
	font-weight:bold;
	font-size:18pt;	
}
table.subscriptionsTable th, table.subscriptionsTable td
{
	text-align:center;
	padding:10px;
	border: solid 1px silver;
}
table.subscriptionsTable .firstColumnCell
{
	background: white url(img/diagGrayV3.png) repeat-x 0 0;
	font-weight:bold;
}
table.subscriptionsTable .firstColumn
{
	text-align:left;
	white-space:nowrap;	
}
table.subscriptionsTable .levelColumn
{
	background: white url(img/contentGrayBg.gif) repeat-y 0 0;
}
table.subscriptionsTable .default
{
	border: 3px inset #FF9900;
}
table.subscriptionsTable .emptyCell
{
	background-color:Transparent;
	border: none;
}
ul.listSubscribeButtons
{
	margin:0;
	padding:0;
}
ul.listSubscribeButtons li
{
	list-style:none;
	padding:5px 0;
}
div.priceAndPeriod
{
	font-size:11pt;
	font-style:italic;
	font-weight:bold;
}
ul#currentSubscriptionInfo label
{
	font-weight:bold;
}
ul#currentSubscriptionInfo li
{
	padding: 0;
	margin:0;
	list-style:none;
}
ul#currentSubscriptionInfo
{
	padding:0;
	margin:0;
	
}
div#subscribeContent
{
	overflow-x:auto;
	overflow-y:hidden;
	padding:10px 0;
}
div#subscribeContent, div#subscribeContent p, div#subscribeContent ol, div#subscribeContent ul
{
	font-size:10pt;
}
div#subscribeContent p
{
	margin:0;
	padding:0.5em 0;	
}
div#subscribeContent ol
{
	margin:0;
	padding: 0 0 1em 3em;
}
div#subscribeContent ol li
{
	margin:0;
	padding:0;
}

/* End of Subscriptions */
/* Begin Profile */
div#paymentHistory
{
	width:940px;
	overflow-x:scroll;
	overflow-y:hidden;
}
/* End of Profile */
/* Begin Admin */
div#siteHeaderInfo
{
	overflow :hidden;
}
div#siteHeaderInfo table
{
	float:none;
}
/* End of Admin */
/* Begin Titles */
#AdminTitle
{
	margin: 0 0 0.5em 0;
	font-size: 15pt;
	position:relative;
}
#AdminTitle a.btnHelp, #AdminTitle a.btnHelp:hover
{
	position:absolute;
	top:0;
	right:0;
	border:none;
}
div#CommentsTitle
{
	font-size:12pt;
	padding: 1em 0 0 0
}

/* End of Titles */

/* Begin Styled Tables */
/* -- Default -- */
table.styledTable
{
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	border: solid 1px silver;
}

table.styledTable th, table.styledTable td
{
	border: 1px solid #CECECE;
	padding: 3px;
	color: #636363;	
	font: normal 11px auto "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
}

table.styledTable th {
	text-transform: uppercase;
	text-align: left;
	background: #DFDFDF url(img/table/styledTableTH.jpg) no-repeat;			
}
table.styledTable tr.altRow td
{	
	background-color: #F7F7F7;
	color: #737373;
}
table.styledTable tr.section
{
	background: #6C9CC8 url(img/table/styledTableTRSection.gif) repeat-x 0 0;
	font-size: larger;
	font-weight: bold;
	color: #FFFFFF;
}

/* -- Turquoise -- */
table.styledTableTurquoise
{
	border-collapse: collapse;	
	padding:0;
	margin:0;
	border: solid 1px #C1DAD7;
}
table.styledTableTurquoise th, table.styledTableTurquoise td
{
	border: 1px solid #C1DAD7;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;	
	font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

table.styledTableTurquoise th {
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	background: #CAE8EA url(img/table.turquoise/styledTableTH.jpg) no-repeat;			
}
table.styledTableTurquoise tr.altRow td
{	
	background-color: #F5FAFA;
	color: #797268;
}
table.styledTableTurquoise tr.section
{
	/*background: #6C9CC8 url(img/table.turquoise/styledTableTRSection.gif) repeat-x 0 0;*/
	font-size: larger;
	font-weight: bold;
	color: #FFFFFF;
}

/* common for tables */
tr.section div.panelCollapsible
{
	height: 1.3em;
	cursor: pointer;
}
.pagerRow table td
{	
	border:0;
}
table#tableHeaderInfoImage
{
	width:100%;
	height:100%;
	border-collapse: collapse;
	outline: 0;
    border: 0;
           
}
table#tableHeaderInfoImage, table#tableHeaderInfoImage td
{
	padding: 0;
	margin: 0;		
}

/* End of Styled Tables */
/* Fixing RadControls */
table.RadUploadTable
{
   	width:auto;
   	padding:0;
   	margin:0;
}
table.RadUploadTable td
{
   	padding:2px;
   	margin:0;
}

table#singleRadUpload, table#singleRadUpload td
{
	padding:0;
	margin:0;
	border-width:0;
}
#singleRadUpload ul, #singleRadUpload li
{	
	padding:0;
	margin:0;	
}
#singleRadUpload li
{
	list-style-type:none;
	
}
#singleRadUpload input
{
	font-size:8pt;		
}
div.RadUpload ul li
{
	list-style:none;
}
.RadScheduler_Default .rsMonthView td.rsOtherMonth
{
	background-color:#eee;
}
div#CenterZone div.webPart div.RadScheduler div.rsTopWrap div.rsHeader p,
div#CenterZone div.webPart div.RadScheduler div.rsTopWrap div.rsHeader h2
{
	margin:0;
	padding:0;
	clear:none;
}
/* End of fixing RadControls */
/* Begin Menus */
#adminMenu li.menuDivider
{
	border:solid 1px #ccc;
	list-style:none;
	display:block;
	line-height:0px;
	margin: 0;
	padding:0;
	width:100%;
}
/* -- tools menu -- */
a.btnFindOthers
{
	background: transparent url(img/people14.png) no-repeat left center;
	padding-left:18px;
}
a.selectedToolsMenuItem
{
	font-weight:bold;
}
/* End of Menus */
/* Begin jQuery plugins  */

tr.draggedTableRow td
{
   color:White;
    background-color: #666666;
}

li.dragSortPlaceHolder div.reorderItem { background-color:white !important; border:dashed 1px gray !important; width:105px; height:79px; }

div.editableElementAdmin:hover
{
    border: 1px dashed #808080;
}
div.editableElement, div.editableElementAdmin
{
	padding: 3px 0;
	margin: 5px 0;
	overflow:hidden;
}
div.editableElementEmpty
{
    border: 1px dashed #999;
    padding: 3px;
    color:#999;
    margin: 5px 0;
    overflow:hidden;
}
/* End of jQuery plugins */
