@import url(https://fonts.googleapis.com/css?family=Crete+Round:400,400italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

/* Reset
------------------------------------------------------------------------------------ */

/*
.DnnModule-415,
.DnnModule-1333,
.DnnModule-1334,
.DnnModule-1335,
.DnnModule-1338 { display: none; }
*/

/* Reset
------------------------------------------------------------------------------------ */

/* HTML 5 */
article, aside, footer, header, nav, section, dialog, figure, hgroup, menu { display: block; }

img { border: none; }
:focus { outline: 0; }

/* Layout
------------------------------------------------------------------------------------ */

html, #Body, #Form, .Skin { margin: 0; padding: 0; position: relative; }
#Body { background: url('images/bg.gif') #f3f3f3; color: #807F83; font-family: 'Open Sans','Arial',sans-serif; font-size: 100%; }
.Skin { background: url('images/bg-fade.png') 0 0 repeat-x; min-width: 940px; }
.ContainingWidth { margin: 0 auto; position: relative; width: 940px; }

#Logo { margin-bottom: 0.76em; margin-top: 0.76em; width: 245px; }
#Logo a { display: block; }
#Logo img { max-width: 100%; }

.HeaderPane { margin-bottom: 2.9em; }

.Skin > .Login { bottom: 0; display: block; height: 25px; left: 0; position: fixed; text-indent: -999px; width: 25px; }

/* Navigation
------------------------------------------------------------------------------------ */

#Navigation {
	bottom: 0;
	font-family: 'Crete Round','Arial',serif;
	font-style: italic;
	height: 1.38em;
	margin-bottom: 0.76em;
	margin-top: 0.76em;
	padding-left: 275px;
	position: absolute;
	right: 0;
}
#Navigation li { background: none; padding: 0; }
#Navigation .MobileButton { display: none; }
#Navigation .Root {
	border-left: solid 1px #807F83;
	float: left;
}
#Navigation .Root.Login { display: none; }
#Navigation .Root > a {
	color: #807F83;
	font-size: 1.38em;
	font-style: italic;
	letter-spacing: 0.1px;
	line-height: 1em;
	padding: 0 0.83em;
}
#Navigation .Root.BC > a { color: #27318B; }
#Navigation .Root.Selected > a { color: #27318B; }
#Navigation .Root:Hover > a { color: #27318B; }

#Navigation .Root:first-child { border-left: none; }

#Navigation .Root > .SubLevel {
	background: url('images/nav-sub-top.png') right top no-repeat;
	padding-top: 18px;
	left: auto;
	right: 0.83em;
}
#Navigation .SubLevel > ul {
	background: url('images/nav-sub-bg.png');
	border: solid 0 #cccfcf;
	border-width: 0 1px 1px 1px;
	font-size: 1em;
	padding: 0.575em 0;
}
#Navigation .SubLevel a { color: #807F83; line-height: 1em; padding: 0.575em 1.15em; }
#Navigation .SubLevel .Item.BC > a { color: #27318B; }
#Navigation .SubLevel .Item.Selected > a { color: #27318B; }
#Navigation .SubLevel .Item:Hover > a { color: #27318B; }

/* Type
------------------------------------------------------------------------------------ */

.Skin { font-size: 0.75em; line-height: 1.48em; }
p { margin-bottom: 15px; margin-top: 15px; }
.Normal, .NormalDisabled, .NormalDeleted { font-size: inherit; font-weight: inherit; }
.Head, .SubHead, .SubSubHead { color: inherit; font-size: inherit; font-weight: inherit; }
.small { font-size: 0.92em; }
.x-small { font-size: 0.91em; }
em { font-style: italic; }
strong { font-weight: bold; }
del {}
ins {}
sup {}
sub {}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Crete Round','Arial',serif;
	font-style: italic;
	font-weight: normal;
	line-height: 1.15em;
	margin-bottom: 5px;
	margin-top: 25px;
}
h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * { margin-top: 5px; }
h1 { font-size: 2.53em; }
h2 { font-size: 2.07em; }
h3 { font-size: 1.69em; }
h4 { font-size: 1.38em; }
h5 { font-size: 1.15em; }
h6 { font-size: 1em; }

/* Links */
a:link, a:link, a:visited, a:hover { color: #535c9f; }
a:visited {}
a:active {}
a:hover {}

.no-bottom-margin { margin-bottom: 0; }
.no-top-margin { margin-top: 0; }

:first-child { margin-top: 0; }
:last-child { margin-bottom: 0; }

.PrimaryTextColor { color: #535c9f; }

.Purple1Text { color: #27318B; }
.Purple2Text { color: #535c9f; }
.Gray1Text { color: #807F83; }
.Gray2Text { color: #939598; }
.Gray3Text { color: #BCBEC0; }
.Gray4Text { color: #D1D3D4; }
.White2Text { color: #E6E7E8; }
.White3Text { color: #F1F2F2; }

/* Elements
------------------------------------------------------------------------------------ */

hr { border: none; border-top: solid 1px #CCCCCC; height: 0; margin: 1.15em 0; }
hr.dots {
	background: url('images/dots.png') 0 0 no-repeat;
	border: none;
	height: 3px;
}
blockquote {}
ul { margin-bottom: 1.15em; margin-top: 1.15em; padding: 0; }
ul li {
	background: url('images/ul-li.gif') 0.9em 0.74em no-repeat;
	list-style-type: none;
	padding-left: 2.3em;
}


ol { margin-bottom: 1.15em; margin-top: 1.15em; padding-left: 2.3em; }
ol li { list-style-type: decimal; }

/* HTML 5 */
article {}
aside {}
details {}
summary {}
figure {}
mark {}
time {}

/* Grid
------------------------------------------------------------------------------------ */

.grid { float: left; }
.grid_0, .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { margin-left: 1.5%; margin-right: 1.5%; }

.grid_1 { width: 5.333%; }
.grid_2 { width: 13.666%; }
.grid_3 { width: 22%; }
.grid_4 { width: 30.333%; }
.grid_5 { width: 38.666%; }
.grid_6 { width: 47%; }
.grid_7 { width: 55.333%; }
.grid_8 { width: 63.666%; }
.grid_9 { width: 72%; }
.grid_10 { width: 80.333%; }
.grid_11 { width: 88.666%; }
.grid_12 { width: 97%; }

.DNNEmptyPane, td.DNNEmptyPane, .Empty, td.Empty { border: 0; display: none; margin: 0; padding: 0; width: 0; }
.paneOutline { background-color: #EEEEEE; border: medium none; margin-bottom: 5px; margin-top: 5px; padding: 10px 0; }
.ControlPanel { position: relative; z-index: 1000; }
.Row { clear: both; }

.FloatL { float: left; }
.FloatR { float: right; }
.ClearL { clear: left; }
.ClearR { clear: right; }
.Clear { clear: both; }
.clearfix:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }

/* Features
------------------------------------------------------------------------------------ */

.Button, a.Button {
	background: 0 0 repeat-x;
	border: solid 1px #999B9D;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	color: #807F83;
	cursor: pointer;
	display: inline-block;
	font-family: 'Crete Round','Arial',serif;
	font-style: italic;
	letter-spacing: 0.5px;
	padding: 0 1em;
	text-decoration: none;
}
.Button.PrimaryColor { color: #fff; }
.Button.Large {
	background-image: url('images/buttons-large.jpg');
	height: 1em;
	line-height: 1em;
	font-size: 1.23em;
	padding-bottom: 0.51em;
	padding-top: 0.51em;
}
.Button.Large:hover { background-position: 0 -30px; }
.Button.Large.PrimaryColor { background-position: 0 -60px; }
.Button.Large.PrimaryColor:hover { background-position: 0 -90px; }

/*
.Button.Large {
	background-image: url('images/buttons-large.jpg');
	height: 1em;
	line-height: 1em;
	font-size: 1.23em;
	padding-bottom: 0.75em;
	padding-top: 0.75em;
}
.Button.Large:hover { background-position: 0 -37px; }
.Button.Large.PrimaryColor { background-position: 0 -74px; }
.Button.Large.PrimaryColor:hover { background-position: 0 -111px; }
*/


.Button img {
	border-right: 1px solid;
	height: 1em;
	margin-right: 0.75em;
	padding-right: 0.75em;
	vertical-align: top;
}

.DivClientLogin{
	margin-top:12px;
}
/* All Pages
------------------------------------------------------------------------------------ */

.bubbleInfo { position: relative; }
.bubbleInfo .popup {
	background: #fff;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	box-shadow: 0 0 10px #ccc;
	opacity: 0;
	padding: 1em;
	position: absolute;
	width: 300px;
	z-index: 9999;
}
.bubbleInfo .trigger { cursor: pointer; max-height: 50px; }
.bubbleInfo .close {
	background-color: #535C9F;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	height: 2em;
	line-height: 2em;
	position: absolute;
	right: -0.5em;
	text-align: center;
	text-decoration: none;
	top: -0.5em;
	width: 2em;
}
.bubbleInfo .close + * { margin-top: 0; }

.HeaderBox { padding-right: 5em; position: relative; }
.HeaderBox .bubbleInfo { display: inline-block; margin: 0 1em; }

.LoginTab { background: inherit; border: inherit; color: inherit; float: inherit; margin: inherit; padding: inherit; text-decoration: inherit; }
.LoginTab { padding: 0; position: absolute; right: 0; top: -999px; z-index: 999; }
.LoginTab > .trigger { bottom: -30px; position: absolute; right: 0; }
.LoginTab > .trigger img { max-height: 30px; }
.LoginTab > .content {
	background: #fff;
	border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
	box-shadow: 0 0 10px #ccc;
	height: 13em;
	padding: 1em;
	width: 275px;
}
.LoginTab > .content .Container { margin-bottom: 0; margin-top: 0; }

.bubbleInfo .popup {}
.bubbleInfo .popup > * { margin-left: 33%; }
.bubbleInfo .popup img { float: left;  margin: 0 3% 0 0; max-width: 30%; }
.bubbleInfo .popup h4 { margin-top: 0; }
.bubbleInfo .popup p {}

.FooterBox { font-size: 0.83em; height: 4.62em; line-height: 1.54em; }
.FooterBox .Col1, .FooterBox .Col2 { height: 100%; }
.FooterBox .Col1 { float: left; width: 75%; }
.FooterBox .Social { float: right; margin: 0.5em 0; }
.FooterBox .Social a { margin: 0 0.5em; }
.FooterBox .Social + * { margin-top: 0; }
.FooterBox .Col2 { border-left: solid 1px #807F83; float: right; margin-left: 2%; padding-left: 2%; width: 20%; }
.FooterBox .Col2 .bubbleInfo { float: left; height: 100%; margin: 0 1em; }
.FooterBox .Col2 .bubbleInfo .trigger{ height: 100%; }

.SocialShare {
	left: 0;
	position: fixed;
	top: 25%;
	z-index: 999;
}
.SocialShare > .Trigger {
	background-color: #535C9F;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	line-height: 1em;
	padding: 0.5em;
	position: absolute;
	right: -2em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	top: 1em;
	width: 1em;
}
.SocialShare > .Trigger > span { display: block; }
.SocialShare > .Content {
	background-color: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	padding: 0.5em;
	text-align: center; width: 125px;
}
.SocialShare > .Content > span { display: inline-block; margin: 0.25em 0; }

.InteriorTitle {
	background: url('images/interior-title-bg.png') 0 0 repeat-x;
	font-size: 2em;
	line-height: 1.69em;
	margin: -0.75em;
	padding: 0 0.75em;
	text-align: right;
}
.IconHeading {}
.IconHeading img {
	height: 1.5em;
	margin-right: 0.25em;
	vertical-align: bottom;
}
.IconHeading.TwoLines {}
.IconHeading.TwoLines img {}

/* Login
------------------------------------------------------------------------------------ */

.ModOnyakTechLogInC > table { margin: 0 !important; width: 100% !important; }

/* About
------------------------------------------------------------------------------------ */

.AboutMain { padding-bottom: 1.5em; position: relative; }
.AboutMain .Heading { height: 300px; position: relative; }
.AboutMain .Heading img { bottom: 0; left: 50%; margin-left: -28%; width: 56%; position: absolute; }
.AboutMain .Heading > div { float: left; position: relative; top: 7.69em;  width: 45.5%; }
.AboutMain .Heading > div.Col1 { margin-left: 4.5%; }
.AboutMain .Heading > div.Col2 { margin-right: 4.5%; text-align: right; }
.AboutMain .Heading > div .Name { color: #27318B; font-size: 3.07em; }
.AboutMain .Heading > div .Title { font-size: 1.38em; }
.AboutMain .Heading > div.Col1 .Name {}
.AboutMain .Heading > div.Col1 .Title {}
.AboutMain .Heading > div.Col2 .Name {}
.AboutMain .Heading > div.Col2 .Title {}
.AboutMain .Content { border-top: solid 1px #B8B9BB; height: 100px; margin: 0 1.7%; overflow: hidden; padding-top: 1.53em; }
.AboutMain .Content > div { float: left; height: 100%; width: 46%; }
.AboutMain .Content > div.Col1 { margin-right: 4%; }
.AboutMain .Content > div.Col2 { border-left: solid 1px #B8B9BB; padding-left: 3.8%; }
.AboutMain .Content > div .Text { height: 100%; position: relative; }
.AboutMain .Content > div .Text .Wrapper {}
.AboutMain .Content > div .Text:after {
	background: url('images/carousel-text-fade.png') 0 0 repeat-x;
	bottom: 0;
	content: '';
	display: block;
	height: 25px;
	left: 0;
	position: absolute;
	width: 100%;
}
.AboutMain .More { bottom: 0; left: 0; position: absolute; text-align: center; width: 100%; }
.AboutMain .Content.Expanded > div .Text:after { display: none; }

.AboutMain2 { position: relative; }
.AboutMain2 .Name {
	font-family: 'Crete Round','Arial',serif;
	font-style: italic;
	line-height: 1em;
}
.AboutMain2 .Title {
	color: #535c9f;
	line-height: 1em;
}
.AboutMain2 .Content { position: relative; }
.AboutMain2 .Image {
	bottom: -1.56em;
	height: 200px;
	left: 0;
	position: absolute;
	width: 150px;
}
.AboutMain2 .Image img {
	bottom: 0;
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	right: 0;
}
.AboutMain2 .Text {
	height: 200px;
	margin-left: 160px;
	overflow: hidden;
}
.AboutMain2 .Text:before {
	background: url('images/dots.png') 0 0 no-repeat;
	content: '';
	display: block;
	height: 3px;
	margin: 0.76em 0;
	position: relative;
	width: 33px;
}

/* Side Carousel
------------------------------------------------------------------------------------ */

/* Data */
.SideCarouselData { display: none; }
.SideCarouselData .Icon { float: left; font-size: 1.25em; height: 2em; margin-right: 5px; }
.SideCarouselData .CarouselTitle {
	color: #B7B9BB;
	font-family: 'Crete Round','Arial',serif;
	font-size: 1.25em;
	font-style: italic;
	line-height: 1em;
	padding: 0.5em 0;
}
.SideCarouselData .Item {
	border-top: 1px solid #ddd;
	clear: both;
	margin-top: 0.25em;
	padding: 0.25em 0;
}

/* Admin */
.Admin .SideCarouselData { display: block; }
.Admin .SideCarouselData .Item > * { display: none; }
.Admin .SideCarouselData .Item > *:first-child { display: block; line-height: 1em; }
.Admin .SideCarouselData .Item > *:first-child a img { height: 1em; }

/* Display */
.SideCarousel {}
.SideCarousel .Controls { display: none; }

/* Nav */
.SideCarousel .Nav {
	float: left;
	font-family: 'Crete Round','Arial',serif;
	font-style: italic;
	margin: 0;
	padding: 0 3% 0 0;
	text-align: right;
	width: 16%;
}
.SideCarousel .Nav li {
	background: none;
	color: #B8B9BB;
	cursor: pointer;
	font-size: 1.08em;
	line-height: 1em;
	list-style-type: none;
	margin-top: 0.75em;
	padding: 0;
	position: relative;
}
.SideCarousel .Nav li > a { display: block; position: absolute; right: -20px; top: 0; }
.SideCarousel .Nav li span { display: block; font-size: 0.65em; }
.SideCarousel .Nav li:first-child { margin-top: 0; }
.SideCarousel .Nav li.Active { color: #23307c; }

/* Content */
.SideCarousel .Content {
	float: left;
	left: 19%;
	height: 215px;
	overflow: visible !important;
	position: relative;
	width: 62%;
}
.SideCarousel .CarouselTitle {
	color: #807F83;
	border-bottom: solid 1px #B8B9BB;
	font-family: 'Crete Round','Arial',serif;
	font-size: 1.61em;
	font-style: italic;
	left: 0;
	line-height: 1em;
	margin: 0 0 0.71em 0;
	padding: 0 0 0.47em 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.SideCarousel .Icon {
	height: 1.76em;
	margin-right: 0.28em;
	position: relative;
	vertical-align: middle;
}

.SideCarousel .Items {
	height: 100%;
	position: relative;
}
.SideCarousel .Item {
	left: 0;
	padding-top: 4.61em;
	position: absolute;
}

.SideCarousel .Item .Name,
.SideCarousel .Item .Title
{
	float: left;
	font-family: 'Crete Round','Arial',serif;
	font-style: italic;
	line-height: 1em;
	position: relative;
}
.SideCarousel .Item .Name { color: #23307c; font-size: 1.38em; }
.SideCarousel .Item .Name span { font-size: 0.61em; }
.SideCarousel .Item .Name:after {
	content: '.';
	margin-left: 7px;
	margin-right: 7px;
}

.SideCarousel .Item .Title { color: #8180b7; font-size: 1.15em; margin-top: 0.2em; }

.SideCarousel .Item .Image {
	border: solid 1px #B8B9BB;
	left: -30%;
	max-height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 27%;
}
.SideCarousel .Item .Image img { height: auto; width: 100%; }
.SideCarousel .Item .Text {
	clear: both;
	height: 110px;
	padding-top: 0.76em;
	overflow: hidden;
	position: relative;
}
.SideCarousel .Item.HasMore .Text:after {
	background: url('images/carousel-text-fade.png') 0 0 repeat-x;
	bottom: 0;
	content: '';
	display: block;
	height: 25px;
	left: 0;
	position: absolute;
	width: 100%;
}
.SideCarousel .Item.Expanded .Text:after { display: none; }
.SideCarousel .Item .Text .Wrapper { padding-botom: 25px; }

/* Staff
------------------------------------------------------------------------------------ */


/* FAQs
------------------------------------------------------------------------------------ */

.SideCarousel.FAQs {
	border-top: solid 1px #CCCCCC;
	margin-top: 2.3em;
	padding-top: 2.3em;
}
.SideCarousel.FAQs:first-child { border-top: none; margin-top: 0; }
.SideCarousel.FAQs .Nav { width: 33%; }
.SideCarousel.FAQs .Content { height: 170px; left: 0; padding-top: 3em; width: 64%; }
.SideCarousel.FAQs .CarouselTitle { border: none; font-size: 2.84em; left: inherit; margin: 0; padding: 0; top: -0.15em; width: auto; }
.SideCarousel.FAQs .CarouselTitle span { float: left; margin-top: 0.15em; }
.SideCarousel.FAQs .Icon { margin: 0 0 0 0.28em; max-height: 1.15em; vertical-align: bottom; }
.SideCarousel.FAQs .Items {}
.SideCarousel.FAQs .Item { padding-top: 0em; }
.SideCarousel.FAQs .Item .Title { font-size: 1.38em; line-height: 1em; }
.SideCarousel.FAQs .Item .Title:before { content: ''; display: none; }


/* Our Reputation
------------------------------------------------------------------------------------ */

.SideCarousel.ClientTestimonials {}
.SideCarousel.ClientTestimonials .Nav { width: 10%; }
.SideCarousel.ClientTestimonials .Nav li {}
.SideCarousel.ClientTestimonials .Content { width: 65%; }
.SideCarousel.ClientTestimonials .CarouselTitle span { float: left; margin-top: 0.76em; }
.SideCarousel.ClientTestimonials .Icon { margin: 0 0 0 0.28em; vertical-align: bottom; }
.SideCarousel.ClientTestimonials .Items {}
.SideCarousel.ClientTestimonials .Item .Image {}
.SideCarousel.ClientTestimonials .Item .Text {}

/* Interior Banner
------------------------------------------------------------------------------------ */

.InteriorBanner { margin: -1.53em; overflow: hidden; position: relative; }
.InteriorBanner > .Image {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	width: 36%;
}
.InteriorBanner > .Image img {
	max-width: 100%;
}
.InteriorBanner .Content {
    border-left: 1px solid #CCCCCC;
    float: left;
    height: 100%;
    left: 36%;
    margin: 1.53em 0;
    padding: 0 2%;
    position: relative;
    width: 60%;
}
.InteriorBanner .Content > h1 + h4:after {
	background: url('images/dots.png') 0 0 no-repeat;
	content: '';
	display: block;
	height: 3px;
	margin: 0.76em 0;
	position: relative;
	width: 33px;
}

#Page482 .InteriorBanner > .Image { text-align: center; }
#Page482 .InteriorBanner > .Image img { max-height: 100%; }
#Page478 .InteriorBanner > .Image img { bottom: 0; position: absolute; }



.InteriorColumnBox {}
.InteriorColumnBox > div { overflow: hidden; }
.InteriorColumnBox > hr { clear: both; }
.InteriorColumnBox > div > h3 {
	float: left;
	line-height: 3.26em;
	margin: 0;
	text-align: right;
	width: 33.33%;
}
.InteriorColumnBox > div > p {
	border-left: 1px solid #CCCCCC;
	float: left;
	margin: 0 0 0 4%;
	padding-left: 4%;
	width: 57.66%;
}

/* Contact Us & Get Started
------------------------------------------------------------------------------------ */

#contact-copy { color: inherit; font: inherit; padding: 0; width: auto; }
#contact-copy > div[style] { width: auto !important; }
#contact-content-bottom { margin: 0 !important; width: auto !important; }
.uniForm { padding: 0; width: auto !important; }
.uniForm .inlineLabels { padding: 0; }
.uniForm .inlineLabels .ctrlHolder { padding: 1em 0; }
.uniForm .inlineLabels .ctrlHolder > div[style] { padding: 0 !important; }
.uniForm .focused { background: #fafafa; }
.uniForm fieldset legend { color: inherit; font-size: inherit; }
.uniForm label, .uniForm .label {display: block;}
.uniForm .inlineLabels label em, .uniForm .inlineLabels .label em {
	color: #535C9F;
	float: right;
	font-size: 1em;
	left: inherit;
	position: inherit;
	right: inherit;
	top: inherit;
}
.uniForm input.textInput,
.uniForm select,
.uniForm textarea {
	background: inherit;
	border-color: #CCCCCC;
	padding: 1% !important;
	width: 60%
}

.uniForm .ctrlHolder { float: none; width: auto; }
.RadUpload, .RadUploadProgressArea { width: auto !important; }

/* Get Started
------------------------------------------------------------------------------------ */

#Page482 #ctr1443, #Page482 #ctr1444 { height: 400px; }


/* Old Site Overide Client Login
------------------------------------------------------------------------------------ */

.divFaqMatchMaker,
.loveLabQuickSearch,
#divQuickLinksPopup
{ max-width: inherit; min-width: inherit; width: inherit; }
.divAnnouncements ul li a,
.quickLinks-ul li a
{ color: #535C9F; }

.messagesDiv { max-height: inherit; overflow: inherit; }

.Head, .SubHead, .SubSubHead { color: inherit; font-size: inherit; font-weight: inherit; }

table.CalendarWidthMember { width: 100% !important; }
#divPhotoList { width: auto; }
.divShowFullPhoto { clear: both; height: auto; width: auto; }

#divPhotoList { float: none; height: auto; overflow: visible; }
#divPhotoList .photoSize { float: none; height: auto; margin-left: 10%; margin-right: 0; width: auto; }
#divPhotoList > table { width: 100%; }
#divPhotoList td { vertical-align: top; }
#divPhotoList > table > tbody > tr > td:first-child > .photoSize { margin-left: 0; }
#divPhotoList .photoSize .thumbImageClient {
	display: block;
	height: auto !important;
	margin: 0 auto;
	max-height: 120px;
	max-width: 125px;
	width: auto !important;
}

/* Messages */
.viewMessageContainer { min-width: inherit; }
.radMessages .RadGrid.RadGrid_Default { width: auto !important; }

/* Responsive
------------------------------------------------------------------------------------ */

@media screen and ( max-width: 1024px )  {
	.Skin { min-width: inherit; }
	.ContainingWidth { margin-left: 2%; margin-right: 2%; width: auto; }
	img { height: auto; max-width: 100%; }
}
@media screen and ( max-width: 768px )  {
	#Navigation .Root > a { font-size: 1.25em; }
}
@media screen and ( max-width: 640px )  {
	.grid { float: none; margin-left: 0; margin-right: 0; width: auto; }
	.MasterMatchMakers.Container01 { min-height: auto !important; }
	
	 .DivClientLogin{
		 display: none;
	}

	form#Form > .ControlPanel { display: none; }
	
	#Logo { width: auto; }
	#Navigation {
		height: auto;
		padding: 0;
		position: relative;
	}
	#Navigation .MobileButton {
		background: url('images/nav-mobile-button2.png') center center no-repeat;
		border-bottom: solid 1px #807F83;
		display: block;
		padding-bottom: 20px;
		height: 33px;
	}
	#Navigation .DNNStandard {
		border-bottom: solid 1px #807F83;
		display: none;
		padding: 15px 0;
	}
	#Navigation .Root { border: none; float: none; }
	#Navigation .Root.Login { display: block; }
	#Navigation .Root > a { line-height: 1.55em; }
	#Navigation .Root .SubLevel {
		background: none repeat scroll 0 0 transparent;
		border: medium none;
		display: block;
		padding: 0 0 0 10%;
		position: relative;
	}
	#Navigation .Root .SubLevel > ul { border: none; padding: 0; }

	.HeaderBox { padding: inherit; position: relative; text-align: right; }
	.HeaderBox .LoginTab { display: none; }
	.HeaderBox .bubbleInfo { position: static; text-align: left; }
	.HeaderBox .bubbleInfo .popup { left: 0 !important; margin: 0 2%; padding: 4%; width: 88%; }

	/* Home Rotator */
	.Rotator_MasterMatchMakers {}
	.Rotator_MasterMatchMakers .items { height: 300px !important; }
	.Rotator_MasterMatchMakers .item {}
	.Rotator_MasterMatchMakers .item > h1 { font-size: 3em !important; margin: 5% 15% 0 15% !important; width: auto !important; }
	.Rotator_MasterMatchMakers .item > p { margin: 0 15% !important; width: auto !important; }
	.Rotator_MasterMatchMakers .items img { display: none; }
	.Rotator_MasterMatchMakers .nav .item { text-align: center; }
	.Rotator_MasterMatchMakers .nav a {
		background-color: #CCCCCC;
		border-radius: 1em;
			-moz-border-radius: 1em;
			-webkit-border-radius: 1em;
		display: inline-block !important;
		height: 1em;
		text-indent: -9999px;
		width: 1em;
	}
	.Rotator_MasterMatchMakers .nav .activeSlide a { background-color: #535C9F; }
	
	.FooterBox .Col1, .FooterBox .Col2 { float: none; height: auto; width: auto; }
	
	/* Side Carousel */
	.SideCarousel { position: relative; }
	.SideCarousel .Controls { display: block; }
	.SideCarousel .Controls a {
		background: center center no-repeat;
		background-size: contain;
		display: block;
		height: 50%;
		position: absolute;
		top: 25%;
		width: 1.53em;
		z-index: 100;
	}
	.SideCarousel .Controls a.Prev { background-image: url('images/carousel-arrow-left.png'); left: -1.53em; }
	.SideCarousel .Controls a.Next { background-image: url('images/carousel-arrow-right.png'); right: -1.53em; }
	.SideCarousel .Nav {
		float: none;
		margin-bottom: 1.15em;
		padding: 0;
		text-align: center;
		width: auto !important;
	}
	.SideCarousel .Nav > li {
		background-color: #B7B9BB;
		border-radius: 0.5em;
			-moz-border-radius: 0.5em;
			-webkit-border-radius: 0.5em;
		display: inline-block;
		height: 1em;
		margin: 0.5em !important;
		overflow: hidden;
		text-indent: 9999px;
		white-space: nowrap;
		width: 1em;
	}
	.SideCarousel .Nav > li.Active { background-color: #535C9F; }
	
	.SideCarousel .CarouselTitle { padding-left: 0; }
	.SideCarousel .Icon {}
	
	.SideCarousel .Content { border-left: none; left: 0; width: 100% !important; }
	.SideCarousel .Items { height: 250px; }
	.SideCarousel .Item { margin-left: 0; }
	
	.SideCarousel .Item .Name, .SideCarousel .Item .Title {}
	.SideCarousel .Item .Name { float: none; }
	.SideCarousel .Item .Name span {}
	
	.SideCarousel .Item .Title { float: none; line-height: 1em; }
	.SideCarousel .Item .Title:before {}
	
	.SideCarousel .Item .Image {
		float: left;
		left: auto;
		margin: 0.76em 0.76em 0.76em 0;
		max-width: 25%;
		position: relative;
	}
	.SideCarousel .Item .Image img {}
	.SideCarousel .Item .Text { clear: none; }
	.SideCarousel .Item .Text:before {}
	
	.SideCarousel.FAQs { margin: 0; padding-top: 0; }
	.SideCarousel .Nav { margin-bottom: 0; margin-top: 1.15em; }
	.SideCarousel.FAQs .CarouselTitle { font-size: 2em; top: inherit; }
	.SideCarousel.FAQs .Item { padding-top: 4.5em; }
	
	.InteriorBanner { margin: inherit; }
	.InteriorBanner .Image {
		bottom: inherit;
		height: auto;
		left: inherit;
		position: inherit;
		width: inherit;
	}
	.InteriorBanner .Image img {}
	.InteriorBanner .Content { border: none; float: none; height: auto; left: inherit; margin: inherit; padding: inherit; width: inherit; }
	
	.InteriorColumnBox {}
	.InteriorColumnBox > div > h3 { float: none; line-height: inherit; margin: inherit; text-align: inherit; width: auto; }
	.InteriorColumnBox > div > p { border: none; float: none; margin: inherit; padding: inherit; width: auto; }
	
	#Page482 #ctr1443, #Page482 #ctr1444 { height: auto; }
	
	.AboutMain .Heading { height: inherit; }
	.AboutMain .Heading img { bottom: inherit; left: inherit; margin: 0; position: relative; width: auto; }
	.AboutMain .Heading > div { top: inherit; }
	.AboutMain .Content > div.Col2 { padding-left: 3.5%; }
}