/* CSS Reset v1.0 | 20080212 via https://meyerweb.com/eric/tools/css/reset/ */

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
    }
    
    body {
	line-height: 1;
	background-color:#1d1d1d !important;
    }
    
    ol, ul {
	list-style: none;
    }
    blockquote, q {
	quotes: none;
    }
    
    blockquote:before, blockquote:after,
    q:before, q:after {
	content: '';
	content: none;
    }

    /* remember to define focus styles! */
    :focus {
	outline: 0;
    }

    /* remember to highlight inserts somehow! */
    ins {
	text-decoration: none;
    }

    del {
	text-decoration: line-through;
    }

    /* tables still need 'cellspacing="0"' in the markup */
    table {
	border-collapse: collapse;
	border-spacing: 0;
    }
    
/* Ballistic Media CSS starts here: */
    body{
	 background: #1d1d1d url('/static/images/bg_cgsociety.jpg');
	overflow-y:scroll; 
    }
    
    div#header {
        background-color:#9c0000;
	width:100%;
        height:146px;
        font-size:10px;
        color:white;
        border-bottom:solid 1px #4C4C4C;
        background-image: url(https://www.cgsociety.org/static/image/glow2.png);
        background-repeat: no-repeat;
        background-position: center;
        /*-moz-box-shadow: #000000 0px 0px 150px;
        -webkit-box-shadow: #000000 0px 0px 150px;*/
    }
    
    div#header ul {
        margin: 0 auto;
    }
    
    div#header li {
        float:left;
    }
    
    div#headerlogo {
	width:900px;
	margin: 0 auto;
        height: 104px;
    }
    
    div#headertitle {
	margin-top:10px;
	width:280px;
	height:77px;
	float:left;
	background-image: url('https://www.cgsociety.org/static/image/CGS_Logo_top.png');
	background-repeat: no-repeat;
	text-indent:-999em;
    }
    
    #CGSheader #headerArea #logo #headertitle{
	margin:0;
	width:262px;
	height:54px;
	background-image: url('/static/images/headerlogo.png')!important;
	background-repeat: no-repeat !important;
	background-position:top left !important;
    }
    
    
    div#headerwelcome {
	width:232px;
	text-align:right;
	float:right;
	border: solid 1px #a20800;
	background-color: #c10b00;
	float: right;
	right: 0px;
	top: 26px;
	position: relative;
	border-radius:4px 4px;
	-moz-border-radius: 4px;
	z-index:99999;
    }
    
    div#headerwelcome a {
	color:#ffc7c4;
	text-decoration:none;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	font-size: 11px;
    }
    
    div#headerwelcome h3 {
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
	color: #fff;
    }
    
    div#headerwelcome img {
	width:35px;
	height:35px;
	/*background-color: black;*/
	margin: 5px;
	float:right;
	/*border:1px solid #a20800;*/
	/*display:none;*/
    }

li#control_panel.cp_box.cp_bottom {
	display:none;
}

div#headerwelcome li {
	display:block;
	float:none;
}

ul#cp_holder li {
	border-top:1px solid #df0f02;
	border-bottom:1px solid #a20800;
}

ul#cp_holder li:first-child {
	border-top-left-radius:3px 3px;
	-moz-border-radius-topleft: 3px;
	border-top-right-radius:3px 3px;
	-moz-border-radius-topright: 3px;
}

ul#cp_holder li.cp_bottom {
	border-bottom-left-radius:3px 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius:3px 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom:1px solid #d70c00;
}

li#control_panel_button {
	overflow:hidden;
}

li#control_panel_button p {
	display:inline;
	background-repeat: no-repeat;
	background-position: right 5px;
	padding-right:12px;
	padding-bottom:6px;
	margin-bottom:6px;
	margin-top:5px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHFJREFUeNpi/L99iwYDD88lBhYWVgZs4M+f3wxfvugxMQgI3GD4+sWT4d/ffxiKQGIgOaAaJrAAv8Behs9fUhj+/0coArFBYiA5IGCCS/Dzz2f48rkVzgexQWJQwPj/+BFU6758WQckmYHu9kcWBggwADdeKwexK3REAAAAAElFTkSuQmCC);
}

li#control_panel a {
	padding:5px;
	display:block;
}

li#control_panel a:hover {
	background-color:#a20800;
}

li#control_panel li {
	border:none;
}
    
	div#header_settings {
		width:100px;
		float:left;
	}
	
	div#header_settings a {
		padding:5px;
		display:block;
	}
	
	span#header_settings_button {
	
	}
	
	span#header_settings_button a {
		text-align:left;
		background-color:#BC0000;
	}
	
	span#header_settings_button a:hover {
		background-color:#7C0000;
	}
	
	ul#header_settings_menu {
		display:none;
		position:absolute;
		float:none;
	}
	
	ul#header_settings_menu li {
		float:none;
		text-align:left;
	}
	
	ul#header_settings_menu li a {
		text-align:left;
		background-color:#9C0000;
	}
	
	ul#header_settings_menu li a:hover {
		background-color:#5C0000;
	}
	
    div#headerlogin {
	float:right;
	font-size:11px;
	text-transform:uppercase;
	font-weight: bolder;
    }
    
    div#headerlogin a{
	color: #ffc200;
	text-decoration: none;
    }
    
    div#headerlogin p{
	float:right;
	margin-right:75px;
	clear:both;
    }
    
    div#headerlogin input[type="text"], div#headerlogin input[type="password"] {
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	width:108px;
	height:20px;
	margin-right:4px;
	margin-top:36px;
	margin-bottom:5px;
	border:none;
	-moz-box-shadow: inset #888888 0px 0px 4px;
	-webkit-box-shadow: inset #888888 0px 0px 4px;
	line-height:20px;
	padding:1px 2px 2px 4px;
	color:#949494;
    }
    
    div#headerlogin input[type="text"]:focus, div#headerlogin input[type="password"]:focus {
	-moz-box-shadow: #FF0000 0px 0px 8px, inset #888888 0px 0px 4px;
	-webkit-box-shadow: #FF0000 0px 0px 8px, inset #888888 0px 0px 4px;
    }
    
    div#headerlogin input[type="submit"] {
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	border: 0px solid #A00000;
	width: 60px;
	height: 20px;
	background-color:#A00000;
	-webkit-box-shadow: inset #FF0000 0px 1px 0px, inset #800000 0px -4px 10px, inset #000000 0px -1px 0px;
	-moz-box-shadow: inset #FF0000 0px 1px 0px, inset #800000 0px -4px 10px, inset #000000 0px -1px 0px;
	color:white;
	text-transform:uppercase;
	font-size:10px;
	margin-right:11px;
	margin-top:36px;
	margin-bottom:5px;
	line-height: 21px;
    }
    
    div#headerlogin input[type="submit"]:hover {
	background-color:#800000;
	-webkit-box-shadow: inset #E00000 0px 1px 0px, inset #600000 0px -4px 10px, inset #000000 0px -1px 0px;
	-moz-box-shadow: inset #E00000 0px 1px 0px, inset #600000 0px -4px 10px, inset #000000 0px -1px 0px;
    }
    
    div#header_rounded {
        -moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
        background-color: #FFFFFF;
        border: 1px solid #888888;
        height:20px;
	width:285px;
	margin:13px 0px 13px 0px;
    }
    
    div#header_rounded input[type="text"] {
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
	border:none;
        height:100%;
	width:225px;
	vertical-align:bottom;
	-moz-box-shadow: inset #888888 0px 0px 4px;
	-webkit-box-shadow: inset #888888 0px 0px 4px;
	color:#949494;
    }
    
    div#header_rounded input:focus {
	-moz-box-shadow: #CCCCCC 0px 0px 8px, inset #888888 0px 0px 4px;
	-webkit-box-shadow: #CCCCCC 0px 0px 8px, inset #888888 0px 0px 4px;
    }
    
    div#header_rounded input[type="submit"] {
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 4px 4px 0px;
	border: 1px solid #D46707;
	text-transform:uppercase;
        height:100%;
	width:60px;
	vertical-align:bottom;
	font-size:10px;
	font-weight:bold;
	background-color:#E8810F;
	-moz-box-shadow: inset #CB5701 0px -2px 8px, inset #FFDB37 0px 2px 8px;
	-webkit-box-shadow: inset #CB5701 0px -2px 8px, inset #FFDB37 0px 2px 8px;
    }
    
    div#header_rounded input[type="submit"]:hover {
	-moz-box-shadow: inset #CB5701 0px 2px 8px, inset #FFDB37 0px -2px 8px;
	-webkit-box-shadow: inset #CB5701 0px 2px 8px, inset #FFDB37 0px -2px 8px;
    }
    
    div#sectionmenu_container {
	position:absolute;
	left:50%;
	width:900px;
	margin-left:-450px;
	z-index:100;
    }
    
   ul#sectionmenu {
		border: 0px solid black;
        height:42px;
        width:900px;
        overflow: hidden;
        background-color:#6d6d6d;
        line-height:42px !important;
        -moz-border-radius: 8px 8px 0 0;
        -webkit-border-radius: 8px 8px 0 0;
        background-repeat: repeat-x;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAvCAIAAACt0TeYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADJJREFUeNpimjJlCtP////BmIGBAc7+9+8fnI3Mx0ejswnxiTEXm3uA7mRYv349QIABAJ7ohGkOnJMqAAAAAElFTkSuQmCC);
        -moz-box-shadow: 0 -1px 0 #B5B5B5;
        -webkit-box-shadow: 0 -1px 0 #B5B5B5;
	clear:none;
    }
    
    ul#sectionmenu li:first-child {
	-moz-border-radius: 8px 0px 0px 0px;
    }
    
    ul#sectionmenu a {
        text-shadow: 0px 1px 0px #888888;
        text-decoration: none;
    	color: #0C0C0C;
        text-transform: uppercase;
        font-size:13px;
        font-weight: bold;
		font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    }
    
    ul#sectionmenu li {
		line-height:42px;
    }
    
    ul#sectionmenu li a {
		display:block;
		padding: 0 14px 0 14px;
    }
    
    ul#sectionmenu li:hover {
		background-color: #2d2d2d;
		-moz-box-shadow: inset #616161 0 46px 46px -23px;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#616161), to(#2d2d2d));
    }
    
    ul#sectionmenu li.section_current {
		background-color: #2d2d2d;
		-moz-box-shadow: inset #616161 0 46px 46px -23px;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#616161), to(#2d2d2d));
    }
    
    ul#sectionmenu li.section_current a {
	color: #adadad;
	text-shadow: 0px -1px 0px #000000;
    }
    
    ul#sectionmenu li:hover a {
	color: #adadad;
	text-shadow: 0px -1px 0px #000000;
    }
    
    ul#sectionmenu li.extra {
        height:42px;
        float:right;
	background-color:#666666;
        background-repeat:repeat-x;
        padding:0px 10px 0px 10px;
        margin-right:0px;
        -moz-border-radius: 0px 8px 0 0;
        -moz-box-shadow: #717171 -1px 0px 0px, inset #ACACAC 0px 46px 46px -23px;
	-webkit-box-shadow: #717171 -1px 0px 0px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ACACAC), to(#666666));
    }
    
    li#section_search {
	display:none;
	padding:0;
    }
    
    ul#subsectionmenu {
        display:none;
    }
    
div#message_block {
  width:900px;
  margin:0 auto;
}

div#message_block li {
  line-height:2em;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  color:#000000;
  font-weight:bold;
  text-align:center;
}

div#message_block li.error_message {
  background-color: #CC4444;
  color:#440000;
  border-color:#440000;
}

div#message_block li.expire_message {
  background-color: #44CC44;
  color: #004400;
  border-color: #004400;
}

div#message_block li.information_message {
  background-color: #4444CC;
  color: #000044;
  border-color: #000044;
}

    div#footer {
	width:900px;
	height:23em;
	margin: 0 auto;
	background-color:#000000;
	color:#7D7D7D;
	-moz-box-shadow: inset #202020 0 16em 16em -8em;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#202020), to(#000000));
	font-size:70%;
	text-align: left;
    }
    
    div#footer a {
	color:#7D7D7D;
	text-decoration: none;
    }
    
    div#footer a:hover {
	color:white;
    }
    
    ul#sitenav li.navmenu {
	float:left;
    }
    
    div#copyright {
	float:left;
	margin-left:25px;
	margin-top:30px;
	padding-top:20px;
	padding-right:50px;
	width:280px;
	float:left;
	border-right: 1px solid #1D1D1D;
	background-image: url('https://www.cgsociety.org/static/image/CGS_Logo_footer.png');
	background-repeat: no-repeat;
    }
    
    div#copyright p {
	margin-top:15px;
	margin-left:10px;
    }
    
    div#copyright h1, div#copyright h2 {
	text-indent:-999em;
    }
    
    div#footernav {
	float:left;
	text-transform:uppercase;
	margin-top:30px;
    }
    
    div#footernav h3 {
	color:#F19109;
    }
    
    div#footernav ul {
	margin:1.5em 25px;
    }
    
    .navdiv {
	float:left;
    }
    
    .vbulletin {
	color:#7D7D7D;
	text-align:center;
	font-size:75%;
    }
    
    div#subfooter {
	color:#7D7D7D;
	text-align:center;
	font-size:75%;
    }
    
    div#subfooter p {
	margin-top:70px;
	clear:both;
    }
    
    div#subfooter a {
	color:#7D7D7D;
	text-decoration:none;
    }
    
    div#subfooter a:hover {
	color:white;
    }
    
    ul#poweredby_list {
	padding-top: 1em;
    }
    
    ul#poweredby_list li {
	padding-left:1em;
	display:inline;
	text-transform: uppercase;
    }
    
    ul#poweredby_list a:before {
        content: "|";
	padding-right:1em;
    }
    
    /*CGS Hacks to make everything work again :( */
    td {
	vertical-align:top;
    }
    
    table {
	/*background: transparent !important;*/
    }
    
    table.bgmain {
	width:100%;
	background: transparent !important;
    }
    
    table.bgmain p {
	padding-top:.8em;
    }
	
	
	/* New Search Bar */
	
	#searchcontainer{
		/*width: 309px;*/
		width: 127px;
		background: url(https://www.cgsociety.org/images/searchbarbg.gif) no-repeat;
		background-position: right;
		-moz-border-radius:  0 8px 0 0;
		-webkit-border-radius: 0 8px 0 0;
	  	border-radius:  0 8px 0 0;
		float: right !important;
		text-align: left;
		position: relative;
	    height: 42px;
	    padding-left: 20px;
	}
	
	#searchbtn{
		position: absolute;
	    right: 0;
	    top: 9px;
	}
	
	#searchinput{
		width: 96px;
		color: #929292;
		font-size: 12px;
		font-family: arial;	
	 	-moz-border-radius: 3px 0px 0px 3px;
		-webkit-border-radius:3px 0px 0px 3px;
	  	border-radius: 3px 0px 0px 3px;
	    -moz-box-shadow: 0 0 4px #888888 inset;
		-webkit-box-shadow: 0 0 4px #888888 inset;
		box-shadow:  0 0 4px #888888 inset;
	    border: medium none;
	   padding: 4px 5px 3px;
	    position: absolute;
	    height: 16px;
	    top: 9px;
	}
	
	ul#sectionmenu li#searchcontainer:hover {
	    -moz-box-shadow: none;
		-webkit-box-shadow: 0;
		box-shadow: none;
		background: url(https://www.cgsociety.org/images/searchbarbg.gif) no-repeat;
		background-position: right;
	}