/* Layout for desktop version */

body {
}

/*	NCA site specific styles */
body {background-color: #f8f6ed;}
div[class*="head"], h2[class*="head"] {padding: 8px 10px 8px 15px; color: white; }/* adds padding to header elements. Must be overridden by below */
div.header {padding: 3% 0 0 0; height: 50px;}
.main {overflow: hidden;}
.content {padding: 20px;min-height: 550px;}
.content5 {padding: 5px;}
.content15 {padding: 15px;}
.gallery {position: relative;} /*fixes IE7 z-index bug*/
.col{width: 43%; float: left; padding: 2.5%;}
/* NAVIGATION */
.nav {background-color: #ebe9de; height: 3em; /* match top ul list item height */ margin-bottom: 20px;position:relative;
z-index:5;/*fixes IE7, webkit z-index bug with gallery */}
  
.box {border: 1px solid #e1e0d5; background: #fff;}
.highlight {background-color:#f8f6ed;border: 1px solid #e1e0d5; margin-top: 20px; padding: 10px;}
.noBullet {list-style: none;}

/*LISTS*/
ul.lines li {border-top: 1px dotted #ccc; clear: both; overflow: hidden; padding: 8px;}
/*ul.lines li:first-child {border: none;}*/
.dates ul.lines li:hover, .audience ul.lines li:hover, .discussions ul.lines li:hover {background-color: #ebe9de;}

.insideNav ul.lines {margin: 10px 10px 0 10px;}
.insideNav ul.lines li {line-height: 120%; }
.insideNav ul.lines li a {display: block; margin-left: 5px;}
.insideNav ul.sublist { margin: 5px 13px;list-style: none;}
.insideNav ul.lines li ul.sublist li { border: none;padding: 6px; font-size: 93%;}
.insideNav ul.lines li ul.sublist li a {margin-left:-5px; font-weight:normal;}

.content ul { margin: 1em 0 1em 2em; }
.content .RadScheduler ul{margin:0px;}
.content ol { margin: 1em 0 1em 2em;}
ul.clearMargins {margin: 0;}
.resources-page ul {list-style: none; margin-left: 10px; margin-top: 0;}
	.resources-page ul li {list-style-position: outside; margin-top: .75em;}
ul.items {margin-left: 15px;}
	.items li {margin-bottom: 10px; list-style-position: outside;} /* for items that should have bottom spacing */


ul.newslist {margin-top: 0; margin-left: 0; list-style-position: outside; width: 62%; float: left; margin-right: 20px;}
	ul.newslist li {margin: 8px 0; clear: both; padding: 5px 0;}

.groups ul {list-style: none; margin-left: .7em;}
	.groups ul li {line-height: 1.3em; margin-bottom:.7em; }
	.group-detail ul {margin: 0 0 0 .4em;}
	
.joinBtn {background: url(../images/join-bg.jpg) no-repeat 0 0;}

/*dates box*/
.dates {overflow: auto; margin-top: 0px;}
.dates .date {line-height: 110%;}
.dates .date {width: 30px; display: block; margin: 0 15px 0 0;}
.date {float: left;}
.dates a.event {display: block; float: left; width: 85%;}

/*resources box*/
.resources {overflow: hidden; height: 307px;} /*front page*/

.resources-page, .resources-convention {margin-top: 20px;}
.resources-convention ul.noBullet, .resources-page ul.noBullet {padding: 10px;}
.resources-convention ul.noBullet li, .resources-page ul.noBullet li {margin-bottom: 5px;}

.connectedmain {margin-top: 2px;}

/*connected box */
.connected {margin-top: 12px;}
/*
.connected .connected-item {padding: 8px;}
.connected ol {float: right;}
.connected ol li {float: left;padding-right: 5px;}
.connected ol li a .icon {width: 16px; height: 15px;background: url(../images/btn-sprites.gif) no-repeat;display: block; float: left;}
.connected ol li a[title="rss"] .icon {background-position: 0 -95px;}
.connected ol li a[title="facebook"] .icon {background-position: -28px -95px;}
.connected ol li a[title="twitter"] .icon {background-position: -54px -95px;}
.connected ol li a[title="youtube"] .icon {background-position: -84px -95px;}
.connected ol li a[title="ncablog"] .icon {background-position: -112px -95px;}
*/

/*audience box */
.audience {margin-top: 20px;}
.audience ul {padding: 10px;}

/*scrollbar*/

#scrollbar2 {
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding-bottom: 4px;
    padding-right: 2px;
    padding-top: 2px;
}
#scrollbar1 { width: 97%; clear: both; margin: 5px 0 10px; }
#scrollbar1 .viewport, #scrollbar2 .viewport { margin-left: 10px;width: 91%; height: 255px; overflow: hidden; position: relative; }
#scrollbar1 .overview, #scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; width: 100%; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb, #scrollbar2 .thumb .end,
#scrollbar2 .thumb { background-color: #c8c7bb;}
#scrollbar1 .scrollbar, #scrollbar2 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar1 .track, #scrollbar2 .track { background-color: #f8f6ed; height: 100%; width:13px; position: relative; padding: 0px; border: 1px solid #ebe9de; }
#scrollbar1 .thumb, #scrollbar2 .thumb { border: 1px solid #ebe9de;height: 20px; width: 11px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end, #scrollbar2 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable, #scrollbar2 .disable{ display: none; }
#scrollbar2 .viewport{height:190px;}

/* CONVENTION */
.sponsors {margin-top: 20px;}

.submission-box {float: right; width: 45%; margin: 3px 5px 10px 20px;}
.submission-box .submit {text-align: center;}
.submission-box .submit img {margin: 8px auto 0 auto;}
.submission-box .submit strong { display: block; }

.quickLinks {margin-top: 10px;background-color: #ebe9de; padding: 10px 10px 10px 10px;}
	.quickLinks h3 {border-right: 1px dotted #666; float: left; padding: 0 10px 0 0;display: inline; margin-right: 10px; }
	.quickLinks a {padding: 0px 5px 0 0; margin-right: 5px; border-right: 1px dotted #a6a28b;font-size: 93%;float: left;}

.sponsors .content15 {line-height:120%; }				

.convention-newsletter {margin-top: 20px;}
	.convention-newsletter input {margin-bottom: 8px;}

/*UNITS*/
.activity {line-height: 120%; padding: 5px 0 5px 5px; float: left; width:135px; }
.group-detail {width: 663px;}
.discussions {margin-top: 20px;}
.activityStreamCommands {display:none;}

/*NEWS*/
ul.newslist + .highlight {margin-top: 0;}
						
/* sprites */
a[title="Join or Renew"]{background: url(../images/btn-sprites.gif) no-repeat 0 0; display: block; width: 299px; height: 41px; margin-bottom: 20px;}
/*footer*/
.footer {background-color: #ebe9de; border-top: 1px solid #d6d5c9;margin-top: 20px; padding: 20px 0 60px 0; overflow: auto;}
.functional {margin-top: 10px;}

.search_input {float: left; margin-left: 75px; width: 162px;height: 22px;}
.search {width: 275px; margin-top: 5px; float: right; }
/*.search img {float: left;}*/
/*.search .searchButton {float: left; width: 69px; height: 29px;}*/
.search .searchButton {float: left;}

/*general*/
.noMargin {margin: 0;}
.auto {overflow: auto;}
.right {float: right;}
.left {float: left;}
.inline-block {display: inline-block;}

/* Clear (used for horizontal thumbnails)
-------------------------------------------*/

.clear{clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;float: none;}

/* float clearing for IE7 */
*+html .clearfix{ min-height: 1%;}

/* float clearing for everyone else */
.clearfix:after{ clear: both;content: ".";display: block;height: 0;visibility: hidden;font-size: 0;}

/* Layout for mobile version */

      @media only screen and (max-device-width: 480px) { .footer {float: left;} .search {width: 285px;} }




/* Provide higher res assets for iPhone 4 */



/* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
.download {
background: url(../img/downarrow@2x.png) no-repeat;
background-size: 27px 28px;
}
*/

/* fix for ekform width and scroll bar issue in IE7 */
#design_content, div.design_content {background-color: white;background-image: none;border-style: none;overflow: visible;padding: 2px;clear: both;}
.design_content td {padding-bottom: 10px;}
input[type="submit"]{clear: both;}