﻿
/* WYSIWYG Text */

.fckAreaText
{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
}

.fckAreaText p
{
	margin-top: 0.25em;
	margin-bottom:0;
	padding:0;
}

.fckAreaText ul
{
	margin: 2px 0 2px 1.75em;
	padding: 0;
}

.fckAreaText li
{
	padding-bottom: 0.5em;
}

.fckAreaText img
{
	margin: 5px;
}

/* Content */

.row
{
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

/* Event Booking Form */

.bookingForm
{
	border-collapse: collapse;
}

.bookingForm td, .bookingForm th
{
	padding: 2px;
	margin: 2px;
	vertical-align: top;
}

.formView th
{
	text-align: left;
	color: #286ea0;
	letter-spacing: 1px;
}

.formView input, .formView textarea
{
	width: 220px;
}

.formView .checkboxlist input
{
	width: auto;
	margin-right: 0.5em;
}

/* AZ Directory */

.anchor
{
	text-decoration: none !important;
	font-weight: bold;
}

/* A to Z */
.atoz
{
	float:left;
	padding-bottom:1em;
}

.atoz span, .atoz a
{
	width:31px;
	display:block;
	float:left;
	padding: 4px !important;
	margin-right: 3px !important;
	margin-bottom: 3px !important;
	background-color: #ddd;
	text-align: center;
	color: #fff;
	font-size:1.2em;
}

.atoz a
{
	
	background-color: #1FB7C3;
	color: #000;
}

.atoz a:hover
{
	background-color: #167E90;
	color: #ffffff;
}

/* Admin Panel */

.adminPanel
{
	width: 100%;
	padding: 4px;
	border-bottom:1px solid #ccc;
	margin:0;
}

.adminPanel td
{
	padding: 4px;
	margin:0;
}

.adminPanel td a
{
	padding: 5px 5px 5px 20px;
	color: #006;
	background-color: #eee;
	border: 2px outset #fff;
	margin-left: 1em;
}

.adminPanel td a:hover
{
	background-color: #E6F3FF;
}

/* Icons */

.iconEditPage, .iconEditContent, .iconAddPage, .iconAdminHome, .iconLogOut
{
	background-color: Transparent;
	background-repeat: no-repeat;
	background-position: 2px;
	padding: 2px 2px 2px 20px;
}

.iconEditPage
{
	background-image: url(/App_Themes/CisDesk/Icons/page.gif);
}

.iconEditContent
{
	background-image: url(/App_Themes/CisDesk/Icons/page_edit.gif);
}

.iconAddPage
{
	background-image: url(/App_Themes/CisDesk/Icons/page_new.gif);
}

.iconAdminHome
{
	background-image: url(/App_Themes/CisDesk/Icons/icon_settings.gif);
}

.iconLogOut
{
	background-image: url(/App_Themes/CisDesk/Icons/action_stop.gif);
}

.linkOutlook, .linkBook, .linkPrevious, .linkMap
{
	background-color: Transparent;
	background-repeat: no-repeat;
	background-position: left;
	padding: 2px 2px 2px 18px;
}

.linkOutlook
{
	background-image: url(/App_Themes/CisDesk/Icons/outlook.jpg);
}

.linkBook
{
	background-image: url(/App_Themes/CisDesk/Icons/book.gif);
}

.linkPrevious
{
	background-image: url(/App_Themes/CisDesk/Icons/arrow-left.gif);
}

.linkMap
{
	background-image: url(/App_Themes/CisDesk/Icons/icon_world.gif);
}

/* Gallery */

.gallery td
{
	padding: 5px;
}

.modalBackground
{
	background-color: #666;
}

/* Other */

.wait
{
	background-color:White;
	background-image: url(/Images/Common/wait.gif);
	background-position:10px center;
	background-repeat:no-repeat;
	padding: 13px 13px 13px 55px;
	position:absolute;
	top:16px;
	right:20px;
	text-align:center;
	color:Red;
	font-weight:bold;
	border:2px dashed red;
}

abbr
{
	border: 0;
}

/* Form CSS */

.fieldRow, .fieldRowOptions
{
	margin-top: 0.5em;
}

fieldset, .completed
{
	border: 2px solid #CCC;
	padding: 5px;
	margin: 5px 0 0 5px;
}

fieldset legend
{
	font-weight: bold;
	font-size: 1.2em;
	color: #167E90;
}

.fieldRow label, .label
{
	width: 150px;
	float: left;
	font-weight: bold;
}

.fieldRow input
{
	width: 200px;
}

.fieldRow textarea
{
	width: 350px;
}

/* Pager */

.pager
{
	padding: 5px;
	letter-spacing: 1px;
	margin-top: 0.75em;
}

.pagerPrevious
{
	padding-right: 0.5em;
	color: #999;
}

.pagerNext
{
	padding-left: 0.5em;
	color: #999;
}

.pagerResults
{
	font-weight: bold;
	padding-right: 0.5em;
	letter-spacing: normal;
}

.pagerSelected
{
	font-weight: bold;
}

/* Survey */

.surveyTable th
{
	text-align: left;
}

.downloadbox ul
{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

/* Contacts Directory */

.contactPhoto
{
	float: left;
}

.contactPhoto img
{
	margin: 4px 5px 5px 0;
}

.contactRow
{
	padding-bottom: 2px;
}

.contactRow strong
{
	width: 100px;
}

/* Tabs */

.panelTabs
{
	border-bottom: 2px solid  #CCC;
	padding:6px 2px 3px 0px;
}

.linkTab
{
	border: 1px solid #666;
}

.linkTabSelected
{
	border: 1px solid  #CC0033;
}

.linkTab, .linkTabSelected
{
	background-color: #888;
	color: #CCC;
	padding: 2px 4px 3px 7px !important;
	height:20px;
	margin-right:6px !important;
	border-bottom:none;
}

.linkTab, .linkTabSelected a
{
	color:#ccc;
}

.linkTabSelected
{
	color:#FFF;
	background-color: #167E90;
}

.fieldRow .input-button a:hover, .panelTabs a:hover, .panelTabs a:hover
{
	color:#fff !important;
}

/* FAQ */

.faqQuestion
{
	padding-bottom:6px;
	color:#167E90;
	cursor:pointer;
}

.faqAnswer
{
	padding:4px;
	background-color:#C4F0FF;
	border:1px solid #ccc;
	margin-bottom:4px;
}

/* Input Style */

.inputStyle
{
	border:1px solid #B4B4B4;
	background-color:#C4F0FF;
}

.form-button
{
	color:#FFF;
	background-color: #1FA7B3;
	border:1px solid #B4B4B4;
}


/* Event Calendar */

.calendarwrapper
{
	width: 390px;
}

.calendarholder2
{
	float: left;
	width: 160px;
	background-color: #F4F4F4;
	margin-right: 10px;
	border:1px solid #ccc;
	padding:0;
	margin-bottom:5px;
}

.calendarsearch
{
	float: left;
	width: 170px;
}
.calendarsearch p
{
	padding: 0px 0px 15px 0px;
}

.calendartext
{
	float: left;
	width: 190px;
	background-color: #FFFFFF;
}

.calendarholder
{
	float: right;
	width: 180px;
	background-color: #FFFFFF;
}

.calendar
{
	border: 0;
	width: 100%;
}

.calendar td
{
	margin: 2px;
	padding: 3px;
}

.calendarPrevNextMonth
{
	color: White;
}

.calendarTitle
{
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
}

.calendarDayHeader
{
	background-color: #CDCDCD;
	color: Black;
	font-weight: normal;
	padding: 3px;
}

.calendarResult
{
	background-color: #1FB7C3;
	color: White !important;
}
.calendarResult a
{
	color: White !important;
}

.calendarFixture
{
	background-color: #1FB7C3;
	color: White !important;
}

.calendarFixture a
{
	color: White !important;
}

.calendarFixture a:hover
{
	text-decoration: underline;
	color: white;
}

.calendarDay
{
	background-color: #F4F4F4;
	color: #444;
}

.calendarDay a
{
	text-decoration: underline;
	font-weight: bolder;
}

.calendarOtherDay
{
	background-color: White;
	color: #999;
}

/* Text Sizer */

.textsizer
{
	float: left;
	margin-bottom:0px;
	padding-bottom:5px;
	color: #999;
	text-transform: uppercase;
}

.textsizer a
{
	float: left;
	padding: 0 2px 0 2px;
	border: 1px solid #CCCCCC;
	font-weight:bold;
	text-decoration:none;
	margin-left:5px;
}

.textsizer a:hover
{
	background-color:#D8D9DA;
}

.textsizer .textlabel { float:left;  margin-top:0px; }
.textsizer .default { font-size:0.7em; }
.textsizer .large { font-size:1em; }
.textsizer .xlarge { font-size:1.3em; }
.textsizer .selected { background-color:#eee; }

