/* CSS Document */

/* WIDGETS */
div#mainDivSearch div.widget {margin: 10px 0px; border-bottom: 1px solid #a41212;}
div#mainDivSearch div.widget h1 {color: #404040; font-weight: normal; text-transform: uppercase; font-size: 16px; line-height: 18px; border-bottom: 1px solid #a41212; padding-bottom: 4px;}
div#mainDivSearch div.widget form {margin: 10px 0px 0px 0px; padding: 0px;}
div#mainDivSearch div.widget input.text {font-size: 12px; width: 90%;}

/* framed widget */
div#mainDivSearch div.widget.framed {border: 1px solid #c3c3c3; padding: 20px;}
div#mainDivSearch div.widget.noborder {border: none;}

/* colored widget */
div#mainDivSearch div.widget.colored {background: #efefef;}

/* Widget Header */
div#mainDivSearch div.widgetheader {margin: 30px 0px 10px 0px;}
div#mainDivSearch div.widgetheader {border-bottom: 1px solid #cccccc;}
div#mainDivSearch div.widgetheader h2 {float: left; border: none !important; margin: 0px !important; padding: 0px 0px 5px 0px !important;}
div#mainDivSearch div.widgetheader ul {float: right;}

/* Switcher Controls */
/* carousel-style */
div#mainDivSearch ul.switchercontrol.carousel-style li a {text-indent: -9000px; display: inline-block; height: 16px; width: 16px; background: #acacac url('../images/switchers/carouselswitcher.png') 50% 50% no-repeat;}
div#mainDivSearch ul.switchercontrol.carousel-style li a.selected {background: #a41212 url('../images/switchers/carouselswitcher.png') 50% 50% no-repeat;}

/* list-style */
div#mainDivSearch ul.switchercontrol.list-style li {margin-left: 4px;}
div#mainDivSearch ul.switchercontrol.list-style li a {text-indent: -9000px; display: inline-block; height: 16px; width: 16px; background: #acacac url('') 50% 50% no-repeat;}
div#mainDivSearch ul.switchercontrol.list-style li a.condensedlist {background-image: url('../images/switchers/condensedlist.png');} 
div#mainDivSearch ul.switchercontrol.list-style li a.fulllist {background-image: url('../images/switchers/fulllist.png');} 
div#mainDivSearch ul.switchercontrol.list-style li a.grid {background-image: url('../images/switchers/grid.png');} 
div#mainDivSearch ul.switchercontrol.list-style li a.selected {background-color: #a41212;}

/* text-style */
div#mainDivSearch ul.switchercontrol.text-style li {margin-left: 10px;}
div#mainDivSearch ul.switchercontrol.text-style li a {color: #cccccc;}
div#mainDivSearch ul.switchercontrol.text-style li a.selected {color: #a41212;}

/* expand-style */
div#mainDivSearch ul.switchercontrol.expand-style li {margin-left: 4px;}
div#mainDivSearch ul.switchercontrol.expand-style li a {text-indent: -9000px; display: inline-block; height: 16px; width: 16px; background: #acacac url('') 50% 50% no-repeat;}
div#mainDivSearch ul.switchercontrol.expand-style li a.expand {background-image: url('../images/switchers/expand.png');} 
div#mainDivSearch ul.switchercontrol.expand-style li a.collapse {background-image: url('../images/switchers/collapse.png');} 
div#mainDivSearch ul.switchercontrol.expand-style li a.selected {background-color: #a41212;}

/* Selector controls */
/* selector button */
div#mainDivSearch div.widget a.button.selector {color: #333333 !important; text-align: left; cursor: pointer; border: 1px solid #999999; background: url('../images/decoration/menu2.png') 97% 50% no-repeat; margin-bottom: 15px;}

/* for maincontent use */
div#mainDivSearch div.widgetheader a.button.selector {width: 90%; margin-top: -15px; margin-bottom: 3px; background-position: 96% 50%; padding-left: 5px;}
div#mainDivSearch div.widgetheader div.selectorsection {float: left; width: 32%; margin-right: 1%;}
div#mainDivSearch div.widgetheader.noborder {border: none;}
div#megaselectorresults div.widgetheader {margin-top: -15px;}
div#megaselectorresults div.supportingtopic {margin-top: -2px;}

/* stand-alone cases */
div#mainDivSearch div.widgetheader div.selectorsection.stand-alone {width: 85%;}
div#mainDivSearch div.widgetheader div.selectorsection.stand-alone.full-width {width: 105%;}
div#megaselectorresults div.widgetheader.stand-alone {margin-top: 30px; padding-bottom: 20px;}
div#megaselectorresults.stand-alone div.supportingtopic {margin-top: 79px;}

/* selector list */
div#mainDivSearch div.widget ul.selector {background: #d7dbdd; padding: 10px; margin-top: -18px; border: 1px solid #999999; float: left; position: absolute;}
div#mainDivSearch div.widget ul.selector li {line-height: 14px; margin: 8px 0px; padding: 0px; padding-left: 3px;}
div#mainDivSearch div.widget ul.selector li a {display: inline-block; width: 184px; color: #000000; margin: 0px; padding: 0px 0px 0px 5px;}

/* for maincontent use */
div#mainDivSearch div.widgetheader ul.selector {margin-top: -7px; padding: 0px;}
div#mainDivSearch div.widgetheader ul.selector li {padding-left: 0px;}
div#mainDivSearch div.widgetheader ul.selector li a {width: 242px; padding-left: -2px;}

/* stand-alone case */
div#mainDivSearch div.widgetheader.stand-alone ul.selector {}
div#mainDivSearch div.widgetheader.stand-alone ul.selector li {}
div#mainDivSearch div.widgetheader.stand-alone ul.selector li a {width: 431px;}
div#mainDivSearch div.widgetheader div.full-width ul.selector li a {width: 528px;}

div#mainDivSearch div.aboutgroup {margin-top: -25px;}

/* hide the select list by default */
div#mainDivSearch div.widget ul.selector {display: none;}

/* just for the prototype - board minutes lists */
div#secondset {display: none;}
ul#selector2 {display: none;}

/* Widget List Items */
div#mainDivSearch div.widgetlistitem {padding: 5px 0px; margin: 1px 0px;}
div#mainDivSearch div.widgetlist div.widgetlistitem img.image {width: 75px; height: 108px; margin: 0px; padding: 0px; float: left;}
div#mainDivSearch div.widgetlistitem a:hover {text-decoration: none;}
div#mainDivSearch div.widgetlistitem a div.info h3 {color: #378fc3;}
div#mainDivSearch div.widgetlistitem div.info {float: left; margin-left: 5px;}
div#mainDivSearch div.widgetlistitem div.info h3 {margin: 0px; padding: 0px;}
div#mainDivSearch div.widgetlistitem div.info li {margin: 4px 0px;}
div#mainDivSearch div.widgetlistitem div.extendedinfo {float: left; margin-left: 5px;}
div#mainDivSearch div.widgetlistitem div.extendedinfo li {margin: 4px 0px;}

/* Widget List Layouts */
/*list-layout */
div#mainDivSearch div.widgetlist.list-layout div.widgetlistitem {border-bottom: 1px dotted #cccccc;}
div#mainDivSearch div.widgetlist.list-layout div.info {width: 30%;}
div#mainDivSearch div.widgetlist.list-layout div.extendedinfo {width: 56%;}
div#mainDivSearch div.widgetlist.list-layout ul.details {float: left; width: 48%;}
div#mainDivSearch div.widgetlist.list-layout ul.actions {float: right; width: 48%;}
div#mainDivSearch div.widgetlist.list-layout ul.actions li {margin: 3px 0px 8px 0px;}
div#mainDivSearch div.widgetlist.list-layout.condensed img.image {width: 35px !important; height: 50px !important;}
div#mainDivSearch div.widgetlist.list-layout.condensed ul.details {display: none;}

/*grid-layouts */
div#mainDivSearch div.widgetlist.grid-layout.twoacross {margin: 0px; margin-left: -1%;}
div#mainDivSearch div.widgetlist.grid-layout.twoacross div.widgetlistitem {float: left; width: 48%; margin: 1%;}

/* no images */
div#mainDivSearch div.widgetlist.noimages img {display: none;}

/* no details */
div#mainDivSearch div.widgetlist.nodetails ul.details {display: none;}

/* no actions */
div#mainDivSearch div.widgetlist.noactions ul.actions {display: none;}


/* just for the prototype - schedules carousel */
div#item2, div#item3, div#item4, div#item5, div#item6 {display: none;}


/* expand collapse list show hide */
div#expanded {display: none;}