@charset "UTF-8";
@import url("../../../myInclude/marquee-jquery/jquery.simplyscroll.css");
@import './fonts/NotoSans-Oswald/css.css';


@font-face {
  font-family: "myicon";
  src:url("fonts/fontawesome-webfont.eot");
  src:url("fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"),
    url("fonts/fontawesome-webfont.woff") format("woff"),
    url("fonts/fontawesome-webfont.ttf") format("truetype"),
    url("fonts/fontawesome-webfont.svg#fontawesome-webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}

body { margin: 0; padding: 0; height: 100%; font-family: 'Noto Sans', sans-serif; font-size: 14px; } 
html {margin: 0; padding: 0; height: 100%; } 

h1, h2, h3 { font-family: "Noto Sans", Arial;}
h4 { font-family: 'Noto Sans'}

form {margin:0;}
fieldset {padding:5px;}

table{ border-collapse: separate; border-spacing: 0;}
blockquote {margin: 2px 26px;}

.bgcontain { width: 1170px; margin:0 auto; text-align: left; position: relative; } 
/* IE min height hack */ * html #container { height: 250px;} 
#container { padding: 0; float: left; width: 100%; clear: both; /** min-height: 50px;*/
	margin:0; 
} 

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.header h1.HeaderImage {padding: 0px 0px; margin: 0px;}
.header h1.HeaderText { font-size: 30px; font-weight: bold; padding:15px 0 0; margin:0 0 -6px; font-family: Helvetica, Arial, sans-serif;}
.header { /*border-bottom:solid 6px #fcfbfb;*/ width: 100%; position: relative; 
	background-color: #b50000;
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fe0000),to(#b50000));
	background-image: -webkit-linear-gradient(top,#fe0000,#b50000);
	background-image: -o-linear-gradient(top,#fe0000,#b50000);
	background-image: linear-gradient(to bottom,#fe0000,#b50000);
	background-repeat: repeat-x;
}
.header h1 { font-size: 38px; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
.header h1 a { color:#111111;}
.header h1 a:visited { color:#111111;}
.header h1 a:hover { color:#1982D1; text-decoration: none;}
.header h2 { font-weight:normal; font-size: 14px; color:#7A7A7A; margin:0; padding:0}
.logo {padding:12px 0; }
.phn { font: bold 16px/48px Tahoma; float: left;
}
.phn span{
	margin: 0 24px 0 50px;
}
.phn, .phn a { color:#ffffff; }
.phn span:before{
	/*background: #21aecc;
	border-radius: 33px;
	-webkit-border-radius: 33px;
	border: 4px solid #21aecc;
	color: #ffffff;*/
	font-size: 22px;
	margin: 4px 0 0 -40px;
	padding: 0;
	line-height:40px;
	position: absolute;
	text-align: center;
	width: 30px;
}

.scl{
	float: right;
}
.scl span{
	margin: 0 24px 0 22px;
}
.scl span:before{
	background: #21aecc;
	border: 3px solid #23730a;
	color: #ffffff;
	font-size: 24px;
	margin: 4px 0 0 -50px;
	padding: 0;
	line-height:33px;
	position: absolute;
	text-align: center;
	width: 33px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
}

.header .search { padding: 9px 0 0; float: right; width: 290px;}
.header .search h2 { font-size: 14px; color:#fff; margin: 0px; padding: 0px 0px 5px 0px; font-weight: bold; letter-spacing: -1px;}
.header .search #searchsubmit { display:none;}

.header .text1 {position:absolute; margin:33px 10px 800px 156px; width:300px}
.header .text2 {/*position:absolute;*/ margin:11px 2% 0 0; font:normal 18px arial; color:#000000; float:left}
.header .text2 a{color:#ffffff; }

.header1 {background: #221f1f;
    padding: 0;
}






.top span:before{
    background: none repeat scroll 0 0 #f5f5f5;
    border-radius: 16px;
    color: #bc670e;
    font-size: 14px;
	margin: 0 0 0 -25px;
    padding: 4px;
    position: absolute;
    text-align: center;
    width: 14px;
}
.top span{
	padding: 0 30px;
    color: #ffffff;
}



[class^="custom-icon-"]:before, [class*=" custom-icon-"]:before {
    font-family: "myicon" !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    line-height: 1;
    text-transform: none !important;
}
.custom-icon-email:before {
	content: "\f0e0";	/* f0e0 */
}
.custom-icon-search:before {
	content: "\f002";	/*  */
}
.custom-icon-sholi:before {
	content: "\f0a9";	/* f022 f009 f00b */
}
.custom-icon-address:before {
	content: "\f041";	/*  */
}
.custom-icon-telephone:before {
	content: "\f095";	/*  */
}
.custom-icon-support:before {
	content: "\f0eb";	/* f0e0 */
}
.custom-icon-twitter:before {
	content: "\f099";
}
.custom-icon-youtube:before {
	content: "\f167";
}
.custom-icon-facebook:before {
	content: "\f09a";
}

.header .search form { padding: 0px; margin: 0px;}
.header .search .input { background: #ffffff; width:266px; padding:5px 10px; color:#b7b7b7;
	border: 1px solid #b2b2b2;
	-webkit-border-radius: 6px;
	border-radius: 6px; margin: 0px;}
.header .search .arrow { width: 69px; height: 22px; background: url(../images/SearchArrow.png) no-repeat;}
/*\ IE/Win min height hack */ * html .searcharrow { margin: -23px 0px 0px 135px; } /* */ 
.searcharrow {  margin: -22px 0px 0px 135px; }
.searcharrow { padding: 0px; top: 0px;}
.header .search p { padding: 3px 0px; margin: 0px; font-size: 10px;}
.header .search p a {}











.head02 {padding:20px 0 0 8px; color:#000000; float:right}
.head02 h1 {margin:0 0 16px; color:#CC3366; font:normal 20px arial;}
.head02 p {font:normal 14px arial;}

.qlnk .q1 { float:left; width:16.667%; vertical-align:middle; height:78px; text-align:center; }
.qlnk .q1 a { margin: auto; }
.qlnk .q1 a table { border:0; padding:0; height:100%; width:100%; margin:0; }
.qlnk .q1 a {background:url(../images/website/btn-header.gif) no-repeat center 0; text-align:center; height:78px; display:block; width:174px; font:normal 18px/22px arial; }
.qlnk .q1 a:hover {background:url(../images/website/btn-header.gif) no-repeat center -78px; display:block; color:#000000;}


.bgsun {
	background-color: #008fac;
	background-image: -webkit-gradient(radial,center center,0,center center,460,from(#00bdd0),to(#008fac));
	background-image: -webkit-radial-gradient(circle,#00bdd0,#008fac);
	background-image: -moz-radial-gradient(circle,#00bdd0,#008fac);
	background-image: -o-radial-gradient(circle,#00bdd0,#008fac);
	background-repeat: no-repeat;

	border-top: 1px solid #ffffff;
	padding: 1px 0;
}
.row4 { color: #ffffff; font: bold 16px arial; text-align:center; background:#CC3366; padding: 8px 0; margin: 10px 0 0; }
.row4 a{ color: #ffffff; font: bold 16px arial; }
a .al {padding:17px 0; display: block;}

.footer1 { background:#292424; color:#FFFFFF;
	padding:1px 3%; line-height: 23px;
}
.footer1 a{color:#00bdd0; }
.footer1 ul {
	list-style: none outside none;
	margin: 0 0 12px 30px;
	padding: 0;
}
.footer1 li:before {
	font-family: "myicon" !important;
	font-weight: normal;
	content: "\f061";
	margin-left: -29px;
	padding: 0 10px;
	width: 11px;
}
.footer1 td{vertical-align:top; line-height:18px; font:normal 13px arial;}
.footer1 h1 {font:bold 14px arial; color:#cc3366; }
marquee h2 {font:normal 13px/18px arial !important; color:#000000; margin:0; padding:0;}
.content marquee {
	background: #f9f9f9;
	border: 1px solid #e7e7e7;
	border-radius: 10px;
	padding: 1%;
	width: 98%;
}
.simply-scroll {float:right; margin: 8px 0; }
.simply-scroll, .simply-scroll .simply-scroll-clip {
    height: 210px;
    width: 100%;
}
.simply-scroll .simply-scroll-list li {
    height: 210px;
    width: auto; padding:0 12px;
}











/* Top Menu (Site Menu - SiteMenuPanel.html) 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.TopMenu { position: absolute; top: -23px; left: 0px; }
.TopMenu ul { padding: 0px; margin: 0px;}
.TopMenu li { padding: 0px 5px; margin: 0px; list-style-type: none; display: inline; font-size: 10px;}
.TopMenu li a { text-decoration: none;}
.TopMenu li a:visited { text-decoration: none;}
.TopMenu li a:hover { text-decoration: none; text-decoration: none;}

/* DropDown Menu ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.dvmn {height:42px; margin: 0;}
.toggleMenu {display:none; padding: 0px 0 0 10px; line-height:65px; }
.menu, .dvmn { float:none; clear:both;
    position: relative;

	/*background-color: #21aecc;
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#8bcf33),to(#21aecc));
	background-image: -webkit-linear-gradient(top,#8bcf33,#21aecc);
	background-image: -o-linear-gradient(top,#8bcf33,#21aecc);
	background-image: linear-gradient(to bottom,#8bcf33,#21aecc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8bcf33', endColorstr='#ff35851c', GradientType=0);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);*/
}
.dvmn .toggleMenu {
	background: url("../images/menu.png") no-repeat scroll 10px 6px transparent;
	height:43px; width:50px;
}

.menu > li > a, .menu > li > a:hover{
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.menu > li > a { padding:11px 16px 12px; 
}

/* remove all list stylings */
.menu, .menu ul {margin: 0; padding: 0; border: 0; list-style-type: none; display: block;}

.menu > li {
	/*background-color: #21aecc;
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#8bcf33),to(#21aecc));
	background-image: -webkit-linear-gradient(top,#8bcf33,#21aecc);
	background-image: -o-linear-gradient(top,#8bcf33,#21aecc);
	background-image: linear-gradient(to bottom,#8bcf33,#21aecc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8bcf33', endColorstr='#ff35851c', GradientType=0);

	background-color: #ff9900;
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#ed8701),to(#ff9900));
	background-image: -webkit-linear-gradient(top,#ed8701,#ff9900);
	background-image: -o-linear-gradient(top,#ed8701,#ff9900);
	background-image: linear-gradient(to bottom,#ed8701,#ff9900);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffed8701', endColorstr='#ffff9900', GradientType=0);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);*/
	
	/*margin: 0 0 0 20px !important;
	height: 134px;
	width: 134px;*/
}
.menu li { margin: 0; padding: 0; border: 0; display: block; float: left;	/* move all main list items into one row, by floating them */
	position: relative; /* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5; /* thus we need to apply explicit z-index here...
	font-size: 10px; */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li { float: none; /* items of the nested menus are kept on separate lines */ 
letter-spacing: 0px;
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	 /*1st level go below their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0; left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: "."; height: 0; display: block; visibility: hidden; clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
/* 	background-image: url(empty.gif);	required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 1px 30px 30px 30px;
	margin: -1px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.content { padding:40px 0; background: none repeat scroll 0 0 #ffffff; } 
.content-left { float:left; width:62%; } 
.content-right { float:right; width:35%; } 
.footer1 .content-right { border-left: 2px solid #4cb219; padding-left:2%; } 

.content ul {
	list-style: none outside none;
	margin: 0 0 12px 30px;
	padding: 0;
}
.content ul li:before {
	font-family: "myicon" !important;
	font-weight: normal;
	content: "\f061";
	margin-left: -33px;
	padding: 0 10px;
	width: 11px;
}


/* BreadCrumb */

.content .BreadCrumb { font-size: 11px; margin: 0px 0px 15px 0px; padding:7px; color:#666;  }
.content .BreadCrumb ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 20px; background: url(../images/BreadCrumbIcoUl.png) no-repeat left center;}
.content .BreadCrumb li { background: url(../images/trail_arrow.gif) no-repeat left center; margin: 0px 4px 0px 0px; padding: 0px 0px 0px 10px; text-decoration: none; display: inline;}
.content .BreadCrumb li a { margin: 0px; padding: 0px; text-decoration: none;}
.content .BreadCrumb li:before{ content:none; }

.content h1 { font:normal 32px/36px "Noto Sans"; padding: 5px 0px; margin: 0px 0px 5px 0px;}
.content h2 { font:normal 22px/22px "Noto Sans"; padding: 3px 0px; margin: 3px 0px; }
.content h3 { font-size: 18px; padding: 5px 0px; margin: 0px 0px 5px 0px; }

.Field200{width:92%; padding:5px; margin:2px; background:#fdfdfd;
	border: 1px solid #eee;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 1px 1px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: inset 1px 1px 2px rgba(204,204,204,0.8);
	box-shadow: inset 1px 1px 2px rgba(204,204,204,0.8);
}

/* article */
.content .PostItem {display: block; clear: both;}

.Intro { margin-bottom: 20px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Articles { margin: 0px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Featured { margin: 0px 0px; clear: left;}
.Featured h1 { padding-left: 25px; background: url(../images/FeaturedIcoHeading.png) no-repeat left center; margin-bottom: 10px; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.RecentArticles { margin: 20px 0px;}
.RecentArticles h1 { padding-left: 25px;  background: url(../images/SummaryIcoHeading.png) no-repeat left center; margin-bottom: 10px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Categories {}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Blogs {}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* IE min height hack */ * html .Authors { height: 150px;} 
.Authors {min-height: 150px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Pages {}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SearchResults {}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#RecentBlogsPanel { float: right; width: 220px; }

/* Recent Blogs */
.RecentBlogs { background: #fff; font-size: 11px; padding: 0px 0px 0px 20px; float: right; width: 220px; }
.RecentBlogs h1 { padding-left: 25px; background: url(../images/RecentBlogIcoHeading.png) no-repeat left center; margin-bottom: 10px; }
.RecentBlogs ul { padding: 0px; margin: 10px 0px; }
.RecentBlogs li { padding: 5px 0px; margin: 0px; list-style-type: none; font-size: 9px; border-bottom: solid 1px #e0e0e0;}
.RecentBlogs big { font-size: 11px; display: block; font-weight: bold; }


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Post */
.Post { padding: 0px; margin: 0px;}

/* Post Author left side from the article */
.Post .PostAuthorDetails { float: right; padding: 10px; margin: 0px 0px 10px 20px; width: 200px; font-size: 11px; border-bottom: #fff 10px solid; border-left: #fff 10px solid;}
.Post .PostAuthorDetails h2 { text-transform: uppercase; font-size: 14px; font-weight: bold; letter-spacing: normal; padding: 0px 0px 5px 0px; margin: 0px;}
.Post .PostAuthorDetails p { font-size: 10px; padding: 3px 0px; margin: 0px; color:#333;}
.Post .PostAuthorDetails img { margin: 0px 10px 0px 0px; padding: 1px; border: solid 1px #ccc; float: left;}

/* Post Head */
.Post .PostHead {}
.Post .PostHead h1 { padding: 2px 0px; margin: 12px 0px;}
.Post .PostHead h2 { padding: 2px 0px; margin: 0px; }

/* Post Info/Details */
.Post .PostInfo { padding: 3px; margin: 0px; font-size: 10px; background: #f6f6f6; color:#7e8996; }
.Post .PostInfo li { padding: 0px; margin: 0px; display: inline; list-style-type: none;}
.Post .PostInfo li:before { content: none; }
.Post .PostInfo a { color: #7e8996; text-decoration: none; font-weight: bold;}
.Post .PostInfo .Author { border-right: solid 1px #7e8996; padding: 0px 5px 0px 0px;}
.Post .PostInfo .Time { border-right: solid 1px #7e8996; padding: 0px 5px 0px 5px;}
.Post .PostInfo .Categ { border-right: solid 1px #7e8996; padding: 0px 5px 0px 5px;}
.Post .PostInfo .Rating {padding: 0px 0px 0px 5px;}


/* Post Bottom - Printer Version +  Full story + Visit Site */
.Post .PostBottom { padding: 5px 0px 15px 0px; margin: 0px;}
.Post .PostBottom li { padding: 2px 0px; margin: 0px 5px 0px 0px; list-style-type: none; display: inline; font-size: 10px; }
.Post .PostBottom li:before {content:none}
.Post .PostBottom li a { text-decoration: none; }
.Post .PostBottom li a:visited { text-decoration: none;}
.Post .PostBottom li a:hover { text-decoration: none;}
.Post .PostBottom .FullStory { background: url(../images/icon_FullStory.png) no-repeat left center; padding-left: 17px;}
.Post .PostBottom .VisitSite { background: url(../images/icon_VisitSite.png) no-repeat left center; padding-left: 17px;}
.Post .PostBottom .PrinterVersion { background: url(../images/icon_PrinterVersion.png) no-repeat left center; padding-left: 17px;}
.Post .PostBottom .EditArticle { background: url(../images/icon_EditArticle.png) no-repeat left center; padding-left: 17px;}

/* Article More Related Info */
.Post .PostMore { padding: 0px; margin: 5px 0px 5px 0px;}
.Post .PostMore h1 { font-size: 23px; padding: 5px 0px; margin: 0px; }

/* Article Comments */
.Post .PostMore .Comment, .Post .PostMore .CommentAlt { padding: 5px 10px 10px 10px;}
.Post .PostMore .Comment .Title, .Post .PostMore .CommentAlt .Title { font-size: 14px; padding: 4px 3px; padding-left:40px; margin: 0px;}
.Post .PostMore .Comment .Details, .Post .PostMore .CommentAlt .Details { font-size: 9px; padding: 0px 3px; padding-left:40px; margin: 0px; color: #7E8996;}
.Post .PostMore .Comment .Reply, .Post .PostMore .CommentAlt .Reply { float: right; font-size: 9px; padding-top:4px; color: #7E8996; clear: both;}
/*.Post .PostMore .Comment .Content, .Post .PostMore .CommentAlt .Content { font-size: 11px; padding: 10px 0px 0px 5px; margin: 0px;}*/

/* Article Submit Comments */
.PostSubmitComments { font-size: 10px;}

/* Article Navigation */
/* IE min height hack */ * html .ArtNav { height: 15px;} 
.ArtNav {font-size: 11px; line-height: 13px; background: #f5f5f5; padding: 6px; min-height: 15px;}
.ArtNav strong { letter-spacing: -1px;}
.ArtNavLeft { float: left }
.ArtNavRight { float: right }

/* Paging */
.Paging { text-align: right; padding: 6px; margin: 5px 0px; font-size: 10px; line-height: 15px;}
.Paging strong { letter-spacing: -1px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Category Top ( Only on the Category page)  */
.Category { padding: 0px; margin:0px 0px 10px 0px; position: relative;}
.Category h1 { /*font-size: 25px; float:left;*/}
.Category .Desc { line-height: 14px; clear: both; /*float: left;*/}
.Category .rss { position: absolute; right: 0px; top: 15px;}
.Category .SubCategory ul { padding: 15px 0px 5px 0px; margin: 0px;}
.Category .SubCategory li { padding: 2px 0px 2px 15px; margin: 0px; font-size: 11px; list-style-type: none;}
.Category .SubCategory ul {  width: 38em; }
.Category .SubCategory ul li { float: left; width: 15em;  /* accommodate the widest item */ }
/* stop the floating after the list */
.Category .SubCategory br { clear: left; }
/* separate the list from what follows it */
.Category .SubCategory { clear: both; margin-bottom: 1em;  display:none;}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Authors A-Z - ( Only on the Author page) */
.AZ { padding: 0px; margin: 15px 0px; position: relative; font-size: 10px; font-weight: bold;}
.AZ ul { padding: 5px 0px; margin: 0px;}
.AZ li { padding: 0px 1px; margin: 0px; list-style-type: none; display: inline;}
.AZ a { padding: 0px 3px; margin-right: 1px;}
.AZ a:visited { padding: 1px 3px;}
.AZ a:hover { padding: 1px 3px; }

.ListAuthors {}
.ListAuthors ul { margin: 0px; padding: 0px 0px 0px 20px; }
.ListAuthors li { line-height: 16px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* PageForms */

.PageForms tr td { padding: 10px; }
.PageForms tr td table tr td { padding: 3px; font-size: 11px; }
.PageForms tr td table tr td table tr td { padding: 0px; font-size: 11px; }

.PageForms {font-size: 10px;}
.PageForms form {}
.PageForms tr td { padding: 10px; }
.PageForms th { padding: 10px 2px 10px 10px; text-align: left; font-size: 13px; font-family: "Noto Sans"; font-weight: normal;}

.PageForms tr td table tr td { padding: 3px; font-size: 11px; }
.PageForms tr td table tr td table tr td { padding: 0px; font-size: 11px; }
.PageForms td table td input { padding: 3px; }
.PageForms td table td input.keyfield { border: inset 1px #ccc; padding: 3px; }
.PageForms td table td textarea { border: inset 1px #ccc; padding: 5px; }
.PageForms td table td select { border: inset 1px #ccc; padding: 2px; }

/*.PageForms .Button { font-size: 10px; padding: 2px 5px; border: outset 2px #e0e0e0; font-weight: bold;}*/

.Required { color:#FF0000; float:right}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Message */
.Message { color: #ff4e00; background: url('../images/warning.gif') #FFFFCC no-repeat 5px center; font-size: 11px; padding: 5px 5px 5px 25px; line-height: 16px; border: 1px solid #FFCC66;  margin-left: 5px;}
.ErrorMessage { color: #ff0000; background: url('../images/exclamation.png') no-repeat left center; font-size: 11px;padding-left: 20px; line-height: 16px;}
.SuccessMessage { color: #66ad00; background: url('../images/success.png') no-repeat left center; font-size: 11px;padding-left: 20px; line-height: 16px;}


/* tabs styles */
#tabnav { height: 26px; margin: 0px 0px 10px 0px; padding-left: 6px; background: url('../images/tab_bottom.gif') repeat-x bottom;}
#tabnav li { margin: 0; padding: 0;	display: inline; list-style-type: none;}
#tabnav li a {}
#tabnav li a:visited {}
#tabnav li a:hover {}

#tabnav .navlinks {margin: 0; padding: 0; display: inline; list-style-type: none; float: right;}
.tablink { float: left; }
#tabnav .tablink a:link, #tabnav .tablink a:visited 
{float: left; font-size: 10px; line-height: 14px; font-weight: bold; padding: 5px 10px 5px 10px; margin: 0px 4px 0px 0px ; text-decoration: none;}
#tabnav .tablink a:link.active, #tabnav .tablink a:visited.active {}
#tabnav a:hover {}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.ViewAll { background: url(../images/ico_view_all.png) no-repeat left center; padding-left: 13px; font-size: 10px; font-weight: bold; color:#33b0ee;}
.ViewAll a { color:#33b0ee;}
.ViewAll a:visited { color:#33b0ee;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.right { float: right; width: 235px; padding-top: 10px; } 
.right ul { padding: 10px ; margin: 10px; list-style-image: url(../images/ArrowLeft.png); } 
.right li { padding: 0px; margin: 0px; list-style-type: none;} 
.right h2 { padding: 0px 0px 10px 0px; font-size: 14px; line-height: 14px; margin: 0px; border-bottom: solid 2px #ccc;}

.right li a { font-size: 11px; }
.right li a:visited {}

.right .Categories { margin-bottom: 15px;}
.right .Categories h2 { background: url(../images/IcoCategories.png) no-repeat left top; padding-left: 20px; margin-bottom: 10px;}
.right .Categories ul { padding:0px; margin:0px;padding-top: 0px;  border-top: solid 1px #dfe6ec; padding-bottom: 0px; list-style-image: none;}
.right .Categories li a { font-size: 14px; padding-left: 15px;display: block; border-bottom: solid 1px #dfe6ec; background: url(../images/ArrowLeft.png) no-repeat left top; padding-top: 3px; padding-bottom: 3px; }
.right .Categories li a:hover {}

.right .ArticleOptions {margin-bottom: 15px;}
.right .ArticleOptions h2 { background: url(../images/IcoArticleOptions.png) no-repeat left top; padding-left: 20px;}

.right .ArticleOptions li a {}
.right .ArticleOptions .EmailToFried { background: url(../images/ArticleOptionsEmail.png) no-repeat left center; padding-left: 15px;}
.right .ArticleOptions .PrintArticle { background: url(../images/ArticleOptionsPrint.png) no-repeat left center; padding-left: 15px;}
.right .ArticleOptions .RemoveFavorites { background: url(../images/ArticleOptionsFavorites.png) no-repeat left center; padding-left: 15px;}
.right .ArticleOptions .AddToFavorites { background: url(../images/ArticleOptionsFavorites.png) no-repeat left center; padding-left: 15px;}
.right .ArticleOptions .ArticlesToRead { background: url(../images/ArticleOptionsRead.png) no-repeat left center; padding-left: 15px;}
.right .ArticleOptions .RemoveRead { background: url(../images/ArticleOptionsRead.png) no-repeat left center; padding-left: 15px;}

.right .PopularArticles {margin-bottom: 15px;}
.right .PopularArticles h2 { background: url(../images/IcoPopularArticles.png) no-repeat left top; padding-left: 20px;}
.right .PopularArticles li a { }

.right .FavoriteArticles {margin-bottom: 15px;}
.right .FavoriteArticles h2 { background: url(../images/IcoFavoriteArticles.png) no-repeat left top; padding-left: 20px;}
.right .FavoriteArticles li a {   }

.right .ArticlesToRead { margin-bottom: 15px;}
.right .ArticlesToRead h2 { background: url(../images/IcoArticlesToRead.png) no-repeat left top; padding-left: 20px;}
.right .ArticlesToRead li a { }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.EmailToFriend { background: #fff; margin: 30px;} 

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.footer { padding:1% 2%; width:96%; margin:0 auto; clear: both; color:#999999; font-size:13px;}
.footer ul.ful { list-style:none;
	margin: 0 2%;
    padding: 0;
	clear:both;}
.footer a{ color:#666666; line-height: 28px;}
.stafficon:before{
	content: "\f090";
	font-family: "myicon" !important;
	font-size: 16px;
	font-weight: normal;
	margin: 0 2px 0 0;
	padding: 0 3px 0 0;
}




/*.menu > li .Home:before {
    content: "\f015";
}
.menu > li .Location:before {
    content: "\f0f6";
}
.menu > li .Restaurant:before, .menu > li .Menus:before {
    content: "\f0f5";
}
.menu > li .Take:before {
    content: "\f009";
}
.menu > li .Reservations:before {
    content: "\f003";
}
.menu > li > a:before, .menu > li > span:before {
    display: inline-block;
    left: 0;
    position: absolute;
    text-align: center;
    font: 48px myicon;
    top: 34px;
    width: 100%;
}*/



.qlnk {
	clear: both; float:none; color:#ffffff; margin: 10px 0;
}
.qlnk h2, .qlnk a { color:#ffffff; }
.qlnk h2 { font:25px Noto Sans; }


.qlnk .a {
	background:#cc9900;
}
.qlnk .b {
	background:#cc3300;
}
.qlnk .c {
	background:#000001;
}
.qlnk .ctn { padding:2% 8% 4%;
}

.qlnk .link1:before {
    content: "\f061";
    left: 50%;
    margin-left: -10px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
}
.qlnk .link1 {
    border: 2px solid #ffffff;
    border-radius: 23px;
    box-sizing: border-box;
    color: #ffffff;
    float: right;
    font: 24px/39px myicon;
    height: 45px;
    margin: 0 30px 20px;
    position: relative;
    text-align: center;
    transition: all 0.6s ease 0s;
    width: 45px;
}

.qlnk .a .link1:hover {
    color: #cc9900;
}
.qlnk .b .link1:hover {
    color: #cc3300;
}
.qlnk .c .link1:hover {
    color: #000001;
}
.qlnk .link1:hover {
    background: none repeat scroll 0 0 #ffffff;
    border-width: 22px;
}


.content .cols2 .ico:before{
    content: "\f003";
    border: 2px solid;
    border-radius: 23px;
    
    display: block;
    font: 24px/40px myicon;
    height: 40px;
    margin: 0 0 -46px -60px;
   /* padding: 8px;*/
	text-align: center;
    width: 40px;
}
.content .cols2 .ico{
	padding: 0 0 0 60px;
}
.content .cols2 .ico.n1:before{
    content: "\f0ed";
	border-color: #cc9900;
	color: #cc9900;
}
.content .cols2 .ico.n1 h2 a{
	color: #cc9900;
}
.content .cols2 .ico.n2:before{
    content: "\f0c3";
	border-color: #1e8bc3;
	color: #1e8bc3;
}
.content .cols2 .ico.n2 h2 a{
	color: #1e8bc3;
}
.content .cols2 .ico.n3:before{
    content: "\f024";
	border-color: #cc3300;
	color: #cc3300;
}
.content .cols2 .ico.n3 h2 a{
	color: #cc3300;
}
.content .cols2 .ico.n4:before{
    content: "\f0eb";
	border-color: #008fac;
	color: #008fac;
}
.content .cols2 .ico.n4 h2 a{
	color: #008fac;
}
.content img.w50{
	width:48%;
	height:auto;
}
.content img.w100{
	width:100%;
	height:auto;
}


.ftrt {
	clear: both; float:none;
	display: block;
	margin: 0 auto;
	padding: 2px 0;
	width: 90%;
}
.ftrt, .ftrt a{
	color: #b6bcc2;
}
.ftrt h2{color: #ffffff; font: normal 22px "Noto Sans";}
.ftrt ul{
	padding:0; margin:0;
}
.ftrt ul li{
    padding-bottom: 10px;
    padding-left: 34px;
    position: relative;
	list-style: none;
	font-size: 14px;
}
.ftrt ul li:before{
	text-align: center;
    font: 14px/16px myicon;

    content: "\f061";
    margin-left: 0;
    margin-top: 2px;
    position: absolute;

    border: 2px solid #b6bcc2;
    border-radius: 10px;
    box-sizing: border-box;
    color: #b6bcc2;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 20px;
}

.ftrb{width:100%; display:block; clear:both; float:none; background: #ffffff}

.fth1{background: #b2afaf; }

/*padding: 0px; margin: 0px;  font-size: 10px;*/


/* Spread the Word */
.SpreadTheWord {}
.SpreadTheWord ul { padding: 0px; margin: 0px; }
.SpreadTheWord li { padding: 0px 2px; margin: 0px; list-style-type: none; display: inline; font-size: 11px; line-height: 16px;}

/* Paging */
.Paging { text-align: right; padding: 6px; margin: 5px 0px; font-size: 10px; line-height: 15px;}
.Paging strong { letter-spacing: -1px;}
.Paging a { display: inline; padding: 2px 5px;}
.Paging a:visited {}
.Paging a:hover { text-decoration: none;}
.PagingDisabled { display: inline; padding: 2px 5px; }
.PagingCurrentPageNumber { display: inline; font-weight: bold; padding: 2px 5px;}


.msgWarning
{
	background-image: url('../images/warning.gif');
	background-repeat: no-repeat;
	background-position: 6px 7px;
	font: normal 11px/18px Tahoma;
	padding: 5px;
	margin-bottom: 15px;
	padding-left: 25px;
	border: dotted 1px #C0C0C0;
	background-color: #FFFFE0;
	color: #333333;
	text-decoration: none;
	z-index:1000;
	width: 220px;
}


.ArticleExtraContent { font-size: 11px;}
.ArticleExtra ol, .ArticleExtra ol li { font-size: 11px;}
.ArticleExtra ul, .ArticleExtra ul li { font-size: 11px;}

.ArticleExtra ul { padding-top: 0px; padding-bottom: 0px; margin:0px; list-style-type: none;  padding-left: 20px;}
.ArticleExtra ul li a {  font-size: 11px; display: block; padding-left: 20px; background: url(../images/ArrowLeft.png) no-repeat left top; }

.FloatNone { float: none; }
.FloatRight { float: right; }
.FloatLeft { float: left; }
.ClearBoth { clear:both }

.center{text-align:center;}
.w100{width:100%;}
.w50{width:50%;}
.w75{width:75%;}

/* Summary Article Attachment */
.AttachmentList { padding: 6px;}
.AttachmentList ul { padding-top: 0px; padding-bottom: 0px; margin:0px; list-style-type: none;  padding-left: 20px;}
.AttachmentList ul li { padding: 3px;}
.AttachmentList ul li a { font-size: 10px; display: block; padding-left: 20px; }
.AttachmentHeading { font-size: 11px; font-weight: bold; font-family:Arial,Helvetica,sans-serif; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.right .Newsletter { margin-bottom: 15px; font-size: 11px; }
.right .Newsletter h2 { background: url(../images/IcoNewsletter.png) no-repeat left top; padding-left: 20px; margin-bottom: 10px;}

/* Teaser Image Styles */
.FeatureImageSpan { font-size: 9px; margin: 5px;}
.FeatureImageCaption {  padding-left: 3px; padding-right: 3px;}


.rotatefp {text-align:center; overflow:hidden; height:300px; width:778px; border-radius:3px; border:1px solid #abc;}
.rotatefptext {position:absolute; margin:-226px 0 0 40px; z-index:4; font:bold 22px 'Noto Sans'; color:#fff; text-shadow:0 3px 2px #000; width:600px}

.calm {margin:5% auto; width:80%;}
.caln {background:url(../images/website/bg-eventcal.gif) no-repeat center top; padding-top:33px;}
.calnbtm {background:url(../images/website/bg-eventcal.gif) no-repeat center bottom; height:10px}

/*********************************************************************/
.contlist table{
border:solid 1px #dddddd;
border-top:none;
}

marquee .contlist a{
	text-decoration:underline;
}

.contlist{
	background:#ffffff;
	font-size:14px;
	border-spacing: 0;
}
.contlist td {
	padding:20px 10px;
	color:#000000;
	vertical-align:middle;
	border-top: 1px solid #a40b3e;
	border-bottom: 1px solid #a40b3e;
	border-right: 1px solid #a40b3e;
	height: auto;
}
.contlist tr {
	background:#f9f9f9;
}
.contlist tr:hover {
	background:#eeeeee;
}

.contlist table th{
	background: #bbbbbb;
}
.contlist th {
	background: #f2f2f2;
	color: #6a6a6a;
	padding:10px;
}
.contlist th a:link, .contlist th a:hover, .contlist th a:visited, .contlist th a:active{
	color: #ffffff;
	text-decoration:underline;
}
.contlist img {
	border:0;
}
.contlist img.pdfb {
    height: 30px;
}
.contlist tr:nth-child(1) th {
	background: #a40b3e;
	height: 70px;
	text-align: left;
}
.contlist tr:nth-child(1) th h3, .contlist tr:nth-child(1) th{
	color: #ffffff;
}
.contlist td:nth-child(1), .contlist th:nth-child(1) {
	border: 1px solid #a40b3e;
	border-radius: 5px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	text-align: center;
	background: #ebebeb;
	width: 66px;
}
.contlist img.pdfb {
	height: 30px;
}
.contlist img.dwnl {
	height: 21px;
}
.contlist td:last-child, .contlist th:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

/******************************************************************************/
.panel-title a {
	display: block;
	padding: 12px 0;
	margin-right: 24px;
}
.panel-title a::before {
	font-weight: bold;
	content: "\2212";
	float: right;
	margin-top: -2px;
	margin-right: -26px;
	background: #ffffff;
	padding: 2px 6px 1px;
	border-radius: 50%;
}

.panel-title a.collapsed::before {
	content: '\002B';
}
.panel-default > .panel-heading {
	color: #333;
	background-color: #fcfcfc;
	border-color: #ddd;
}
.panel {
	border-top: none;
	border-left: none;
	border-right: none;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #a40b3e;
}
.panel-default:hover {
	border-color: #a40b3e;
}

/******************************************************************************/

/**Featured Employer***********************************************************/
.pln {background: url("../images/website/bg-latest-news.gif") no-repeat 0 0; width:221px; padding:10px 18px 12px; overflow:hidden;}
.plnsponsor {overflow:auto}
.plnb {background: url("../images/website/bg-latest-news.gif") no-repeat 0 bottom transparent; width:257px; height:8px; margin-bottom:5px}

/******************************************************************************/


.cost {font: 15px Noto Sans; padding: 6px 0; text-align:center}
.cost .coact{ padding:3px 20px; margin-right:2px;}
.cost .coact.s0{color:#bbbbbb; }
.cost .coact.s1{color:#990000; font-weight:bold }

/*** SPONSORS **********************************/
.portfolio_item {
	float: left;
	margin: 20px;
	width: 217px;
	border: 1px solid #dddddd;
}
.portfolio_item img{width:217px; height:200px;
}
.portfolio_details {
	height: 60px;
	font: 14px/18px arial;
	overflow: auto;
	padding: 2px 6px;
}
/*** SPONSORS **********************************/

.LinePRight{background: url("../images/website/bg-vertical.gif") no-repeat scroll 61% 14px #ffffff}

iframe {
	border: solid 1px #ddd;
	padding: 3px;
}
.wall1 {
	background: #f3f3f3;
	color: ;
	padding: 36px;
	margin: 1px;
}
.rw1a {color:#333333; font:normal 14px/22px arial; padding: 0 3%; text-align:center;}


/* slider */
.slider { 
	background-color: #fffffe;
	background-image: -webkit-gradient(radial,center center,0,center center,460,from(#eeeeed),to(#fffffe));
	background-image: -webkit-radial-gradient(circle,#eeeeed,#fffffe);
	background-image: -moz-radial-gradient(circle,#eeeeed,#fffffe);
	background-image: -o-radial-gradient(circle,#eeeeed,#fffffe);
	background-repeat: no-repeat;
	height:410px; clear: both;
	margin-top: 2px;	
}
.slider h2 { color:#ffffff; font:bold 28px Arial, Helvetica, sans-serif; margin:0; padding:25px 10px 10px 0; line-height:1.4em;}
.slider p { color:#f3f4f4; margin:0; padding:10px 0; }
.slider iframe { height:410px }
.slider img.img { /*border:6px solid #fff; float:right; margin:14px 16px 0 2%; border-radius:6px; -webkit-border-radius:6px;*/}
.slider .btxt {padding-left:26px; color:#ffffff; font-size:14px; text-shadow:2px 2px 2px rgba(0, 0, 0, 0.44);}

div.anythingSlider .anythingControls {
	margin: -85px 4px 0 0;
    text-align: right;
}
div.anythingSlider .anythingControls ul {
    float: none !important;
	/*margin: -2.7% 1% 0 0 !important;*/
    padding: 0;
    position: relative;
    z-index: 9;
}
div.anythingSlider.activeSlider .anythingControls ul a {
	border-radius:12px !important;
	-webkit-border-radius:12px !important;
    background-color: #ffffff !important;
	/*box-shadow:0px 3px 3px rgba(0,0,0,0.84);
	-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.84);*/
}
div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a:hover {
    background-color: #21aecc !important;
	border: 2px solid #21aecc;
}
.rtb {
	font:normal 14px/18px arial;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
	color: #000000;
	/*
	background: none repeat scroll 0 0 rgba(0,0,0,0.6);
	color: #ffffff;
	*/
	height: 68px;
	margin-top: -68px;
	padding: 0 2%;
	position: relative;
	width: 100%;
	overflow:hidden;
}
.rtb h2{font-size:16px; line-height:18px; padding:0; margin:2px 0;
	color: #000000;
}


.anythingControls{margin:-22px 0 0 10px}
.anythingSlider .anythingControls ul a {
	border: 2px solid #e5e5e5;
	height: 12px !important;
	width: 0px !important;
	margin: 0 5px 0 0 !important;
}
.anythingControls span {display:none; }

.newsfl {background: #272727; height: 26px; padding: 1%; margin: 1.4% 0 0; }
.newsfl .hdr {	color: #ffcc00;
	font:bold 22px "Noto Sans";
	position: absolute;
	text-align: right;
	width: 20%;
}
.newsfl marquee, .newsfl marquee h2 {color:#ffffff; float:right; width: 79%; margin:0; padding:0; line-height:26px; white-space: nowrap;
}



#back-top {
    bottom: 90px;
    position: fixed;
    right: 20px;
    z-index: 99;
}
#back-top a:before {
    content: "\f062";
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
}
#back-top a:hover {
    background: none repeat scroll 0 0 #00bdd0;
    border-width: 22px;
    color: #ffffff;
}
#back-top a {
    border: 2px solid #00bdd0;
    border-radius: 100%;
    box-sizing: border-box;
    color: #00bdd0;
    display: block;
    font: 24px/24px myicon;
    height: 45px;
    text-align: center;
    transition: all 0.6s ease 0s;
    width: 45px;
}

.cols4{width:22.75%; float:left; margin:1% 3% 1% 0; }
.cols4:first-child { clear:both; }
.cols4:last-child { margin-right:0; }
.cols4 .colin {margin-left:20px}
.cols4 .cli {margin:5px 0 0 -17px; position:absolute; }

.cols3{width:31.6%; float:left; margin:1% 2.6% 1% 0; }
.cols3:first-child { clear:both; }
.cols3:last-child { margin-right:0; }
.cols3 .colin {margin-left:20px}
.cols3 .cli {margin:5px 0 0 -17px; position:absolute; }


.cols1{  margin:1% 0 1% 0; }
.cols2{width:48%; float:left; margin:1% 3.5% 1% 0; }
.cols2:first-child { clear:both; }
.cols2:last-child { margin-right:0; }
.cols2 .colin {margin-left:20px}
.cols2 .cli {margin:5px 0 0 -17px; position:absolute; }

.ClearBoth{float:none; clear:both}


.lp70 {float:left; width: 67%; padding:0 }
.rp30 {    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #dddddd;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    float: right;
    padding: 1% 2%;
    width: 26%;
	/*margin-top: -63px;*/
}
.note{padding:1% 1% !important; width:98%; background:#efffff; border:1px solid #c3f3f3;
	color: #000000; border-radius: 6px; -webkit-border-radius: 6px;
	margin: 2% 0 !important;
}

a.button {
	color:#ffffff;
	text-decoration:none; text-align:center;
	line-height:26px;/*40px;*/
}
a.button:hover {
	color:#ffffff;
}
.button {
	font:bold 16px arial, verdana;
    background: none repeat scroll 0 0 #00bdd0;
    border: 1px solid #008fac !important;
    color: #ffffff;
    cursor: pointer;
    margin: 6px 0 8px;
    padding: 6px 12px;
    /*border-radius: 8px;
    -webkit-border-radius: 8px;*/
    box-shadow: 0 -13px 6px rgba(0, 106, 125, 0.59) inset;
    -webkit-box-shadow: 0 -13px 6px rgba(0, 106, 125, 0.59) inset;
}
.button:hover{
    box-shadow: 0 -13px 6px rgba(0, 106, 125, 0.9) inset;
    -webkit-box-shadow: 0 -13px 6px rgba(0, 106, 125, 0.9) inset;
}



.bdrht{float:right; padding:96px 3% 20px 0; width:27%}
.bdlft{float:left; width:63%}
.bdrht .rules {
    background: none repeat scroll 0 0 #eeeeee;
    border: 1px solid #bbbbbb;
    border-radius: 5px; -webkit-border-radius: 5px;
    padding: 2% 3%;
}
.notactive { opacity: .4; -khtml-opacity: .4; /*filter: alpha(opacity=40); W3C CSS reason */ }
.button.active{ 
    box-shadow: 0 -13px 6px rgba(0, 102, 153, 0.9) inset;
    -webkit-box-shadow: 0 -13px 6px rgba(0, 102, 153, 0.9) inset;
}
.button a{ 
	color:#ffffff !important;
}


/******************************************************************************/
form .contlist input[type="text"], form .contlist input[type="phone"], form .contlist input[type="email"], form .contlist textarea {
	border: 1px solid #dddddd;
	border-radius: 5px; -webkit-border-radius: 5px;
	padding: 4px 1%;
	margin: 2px 0;
	width: 98%;
	font-size:13px;
}
form .contlist input[type="text"].w {
	width: 70%;
}
form .contlist input[type="text"]:focus, form .contlist input[type="phone"]:focus, form .contlist input[type="email"]:focus, form .contlist textarea:focus {
	background:#ffffea;
}
form .contlist td {vertical-align:top;}



.w70 {width:68%; float:left; }
.w30 {width:28%; float:right; }




:focus {
	outline:none !important;
	outline:0 !important;
	outline-offset:0 !important
}



/**
Accordion
****************************************************************************/
.basicac  {
}

.basicac div {
	background-color: #eee;
	padding: 10px;
}

.basicac p {
	margin-bottom : 10px;
	margin: 0px;
}

.basicac h3{
	margin:0 !important;
	border-radius: 2px;
	-webkit-border-radius:2px
}

.basicac h3{
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #fff !important;
	border-top: 1px solid #FFFFFF;

	border-bottom: 1px solid #999;

	background-color: #000001;

}
.basicac h3:hover {
	color: #fff !important;
	background-color: #333334;
}

.basicac h3.selected {
	color: #fff !important;
	background-color: #333334;
}
/******************************************************************************/


.bgcntnt .opc {background: #292424; }


/***Login03********************************************************************************/
.gtrnsl { float:right; padding:10px 2% 10px 0; }
.gtrnsl .goog-te-gadget-simple {border-radius: 3px; -webkit-border-radius: 3px; }
.skiptranslate iframe {height:0; display:none !important; visibility: hidden !important; }
body { top:0 !important; }

/***Login03********************************************************************************/
a.il{ background: url(//www.websolutions365.com.au/controlcentre/images/web365-sbg.gif) 0 -28px no-repeat; width: 22px; height: 22px; display:inline-block; text-indent: -9999px;
transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
a:hover.il{ background-position: 0 0; }
/***********************************************************************************/

/*** 1170 + 40 ***/
@media only screen and (max-width: 1210px) {
	body{background-position: center 20%}
	.bgcontain { width: 940px; }
	.header .text2{
		font: 14px/24px arial;
		margin: 11px 3px 0 0;
	}
	.slider iframe { height:335px }
	
	.qlnk .q1 { width:33.333%; margin: 2px 0;}

	.menu a {padding: 11px 7px 12px;}
	ul.menu > li > a{font: 16px 'Noto Sans';
		padding: 10px 20px;
	}
	.menu > li {/*
		margin: 0 0 0 10px !important;
		width: 112px;*/
	}

	.tspn{
		margin: 62px 0 0 63%;
		width: 32%;
	}
	.header .text1 {
		margin: 33px 0 0 152px;
		width: 272px;
	}
	.slider{
		height: 329px;
	}
	div.anythingSlider .anythingControls {
		margin: -167px 4px 0 0;
	}
	.footer {
		padding: 3% 2%;
		width: 96%;
	}
}
@media only screen and (max-width: 980px) {

	.bgcontain { width: 756px; } 
	.header .search {
		top: 8px;
		width: 162px;
	}
	.header .search .input {
		width: 140px;
	}
	.top span{
		padding: 0 26px;
	}
	.slider{
		height: 265px;
	}
	.slider iframe { height:269px }
	.footer1 .content-right { border-left: none; border-top: 2px solid #4cb219; padding:0; } 
	div.anythingSlider .anythingControls {
		margin: -203px 4px 0 0;
	}

	.header1 {
		height: 194px;
	}
	.dvmn ul {
		position: absolute;
		margin: 43px 0 0;
	}
	.dvmn .toggleMenu {
		float: right;
	}
	.menu, .dvmn {
		float:none;	clear: both; background: #292424; margin:2px 0 -13px;
	}
	.menu > li {
		margin: 0 !important;
		width: 100%;
		height: 50px;
	}
	.menu > li > a:before, .menu > li > span:before{
		font-size: 20px;
		top: 14px;
		width: 46px;
	}
	ul.menu > li > a{
		padding: 14px 0 14px 54px;
		text-align: left;
	}


	.menu li a:hover>ul {
		top:0;
		z-index:999999; position:relative;
		display: block;
		visibility: visible;
	}
	.toggleMenu {display:block; cursor:pointer;}
	.dvmn ul {
		display: none;
		width:100%;
		z-index:9999; 
	}
	.dvmn ul ul {
		padding: 0;
		margin: 0 0 0 10%;
		display:block;
	}
	.menu a{
		padding: 2.5% 4%;
	}
	.menu ul a:link, .menu ul a:visited {
		padding:2% 2%;
		width: 98%;
	}

	.menu, .menu ul {
		width: 88%
	}
	.menu li {
		float:none;
	}

	.newsfl .hdr {
		float:none;
	}

	.w70, .w30 {
		float:none;
		width: auto; margin-right:0;
	}
	.cols4, .cols3, .cols2{
		float:none;
		width: auto; margin-right:0;
	}
	.qlnk .cols3{
		margin: 3% 0;
	}
	.content-left { clear:both; width:100%; } 
	.content-right { clear:both; width:100%; padding:1% 0 0;} 
	.lp70, .rp30, .body_right, .bdrht, .bdlft {width:100%; clear:both; float:none; }
	.bdrht{ padding:0 3% 20px 0}
	.spons strong {width:100%; margin:0; text-align:center;}
	.spons marquee {width:100%; margin:0;}
	.footer ul.ful li{ float:none }
	.footer .FloatRight, .footer .FloatLeft{float:none; clear:both; text-align:center;}
}
@media only screen and (min-width: 100px) and (max-width: 796px) {
	.bgcontain { width: auto; padding:0 20px; } 
	.header .search {
		right: 20px;
		top: 5px;
		width: 162px;
	}
	.logo {
		padding:5px 20px;
	}
	.slider{
		height: 256px;
	}
	.slider iframe { height:260px }
	div.anythingSlider .anythingControls {
		margin: -239px 4px 0 0;
	}
	.slider img.img {
		width:730px; /*height: 260px;*/
	}
	.content img.w50, .content img.w100{
		width:100%;
		height:auto;
	}


	.newsfl .hdr {font: bold 18px/28px "Noto Sans";}
}

@media only screen and (min-width: 100px) and (max-width: 640px) {
	.newsfl .hdr { display:none; }
	.newsfl marquee, .newsfl marquee h2, .newsfl marquee a { width: 100%; }

	.qlnk .q1 {
		width:auto;
		float: none;
	}

}
@media only screen and (min-width: 100px) and (max-width: 380px) {
	.logo img {width:100%}
	.header1 {height:auto;}
}
