﻿/*CAL POLY ADVANCED CSS TEMPLATE V 3.1*/
/*EDUCATIONAL WEB SERVICES*/
/*AUXILIARY ORGANIZATIONS ASSOCIATION*/


/*BODY
This defines the body of the page.
---------------------------------------------------------------------------*/
#conf_body {
	color:#333333;
	background: url("../images/conference/Template_Background_Conference_12.png") #abdcd3;
	background-repeat:repeat-x;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:.8em;
	font-family:Arial, Verdana, Helvetica, Sans-serif;
}
#conf_bodymobile {
	color:#333333;
	background-repeat:repeat-x;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:.8em;
	font-family:Arial, Verdana, Helvetica, Sans-serif;
}






/*FRAME ELEMENTS
These elements create the basic structure of the page
---------------------------------------------------------------------------*/
#conf_frame {
	width: 860px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;

}
#conf_contentleft {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 200px;
	float: left;
	text-align: left;
}
#conf_contentcenter {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 860px;
	float: left;
	text-align: left;
	background:#ffffff;
	min-height:500px;
}
#conf_contentheader {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 1px 0px;
	height:170px;
	background-image: url("../images/conference/Template_Header_conference_12.png");
}
#conf_contentfooter {
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear:both;
	height:100px;
	color:#666666;
}



div.conf_footerbreak
{
    margin-top:10px;
    text-align:right;
    font-size: .85em;
}






/*NAVIGATION LINK ELEMENTS
Controls navigation roll-over effect
---------------------------------------------------------------------------*/
#conf_navcontainer {
	width:200px;
	float:left;
	clear:both;
    margin:0px;
    padding:0px;
}
#conf_navcontainer ul {
	width:198px; 
	list-style-type: none;
	margin:0px; 
    padding:0px;
}
#conf_navcontainer ul li a { 
	font-size: .9em; 
	text-decoration: none;
	font-weight:bold; 
	color: #333333; 
    display: block;
	width: 198px;
	margin:0; 
    padding:0px;
	line-height:1.65em;
	border-bottom:1px solid #ffffff;

}
#conf_navcontainer ul li.subnav { 
    text-decoration: none;
    color: #333333;
	display: block; 
	margin-left:-5px; 
	padding:0px;
	line-height:1em;
}
#conf_navcontainer ul li a:hover { 
	width: 198px;
	color:#ffffff;
	border-bottom:1px solid #ffffff;
}
#navcontainer h1 { 
	font-size: 1em;
	padding:0px 0px 0px 5px;
	margin:0px;
}


/*-------SUB NAVIGATION LINK-------*/
#conf_navcontainer ul ul.conf_rolloverlinksub li a { 
	font-size: .9em; 
    text-decoration: none;
    background: url("../images/navarrow.gif") #ffffff .2em top no-repeat;
    color: #333333;
	display: block; 
	width: 189px;
	margin:0px; 
	line-height:1.65em;
	padding-left:12px;
	border:0px;
}
#conf_navcontainer ul ul.conf_rolloverlinksub li a:hover { 
	width: 189px;
	padding-left:12px;
	background: url("../images/navarrow.gif") #ffffff .2em top no-repeat;
    text-decoration: underline;
	border:0px;
}







#conf_contentcenter  h1 { 
	color: #0069c5;
	margin: 20px 10px 20px 0;
	font-size: 215%;
	font-weight: normal;
	border-bottom:1px dotted #228acc;

}


#conf_contentcenter  h2 { 
	color: #0069c5;
	font-size: 175%;
	font-weight: normal;
	margin-bottom: 7px;


}


#conf_contentcenter h3 {
	margin: 20px 10px 2px 0;
	font-size: 125%;
	color: #0069c5;
	}



   #conf_nav {
      width: 50%;
      float: right;
      margin: 2em 5px 3em 0;
      padding: 0;
      list-style: none;
    }
   #conf_nav li {
      float: left; }
   #conf_nav li a {
      display: block;
      padding: 8px 15px;
      text-decoration: none;
      font-weight: bold;
      color: #fff;
       }
   #conf_nav li a:hover {
      color: #069;
 }




#conf_contentcenter p.conf_backtotop {

	text-align:right;
	padding:2px 0px 0px 0px;
	margin: 20px 10px 20px 0;
	border-top:1px dotted #228acc;
}






/*--------------- Tables -------------*/

#conf_contentcenter table caption {
	font-size: 100%;
	padding: 0px 0px 4px 0px;
	}
#conf_contentcenter table {
	font-size: 100%;
	border-collapse: collapse;
	border: #AAAAAA 1px solid;
	margin: 0 0 20px 0;
	width:95%;
	}
#conf_contentcenter table td {
	font-size: 100%;
	border: #AAAAAA 1px solid;
	padding: 4px 4px 4px 4px;
	text-align: left;
	}
#conf_contentcenter table tr.shade-row {
	background:#f6f7f5;
	}
#conf_contentcenter table th {
	font-size: 100%;
	color:#ffffff;
	border: #AAAAAA 1px solid;
	background:#0069c5;
	padding: 4px 4px 4px 4px;
	text-align: center;
	}
/* For Tables that represent lists - removes underlines from links when presented in a table.
   Use only for elements that are presented in a list format within a table.  Apply this class
   to the <table> element.  */
#conf_contentcenter table.nolinklines a:link, #conf_contentcenter table.nolinklines a:visited {
	color: #006600;
	text-decoration: none;
	}
#conf_contentcenter table.nolinklines a:focus, #conf_contentcenter table.nolinklines a:hover, #conf_contentcenter table.nolinklines a:active {
	color: #000099;
	text-decoration: underline;
	}
#conf_contentcenter table.center { margin: 0 auto 20px; }
	
#conf_contentcenter table.center caption {	margin: 0 auto; }

#conf_contentcenter table td.center,
#conf_contentcenter table th.center { text-align: center; }

#conf_contentcenter table td.right,
#conf_contentcenter table th.right { text-align: right; }

#conf_contentcenter table.directory {
	border: none;
	width: 100%;
	}
#conf_contentcenter table.directory th {
	border: none;
	background: #e8e9e5;
	border-bottom: #ccc solid 1px;
	}
#conf_contentcenter table.directory td {
	border: none;
	}
#conf_contentcenter table.directory tr:hover {
	background: #f4f4f4;
	}

#conf_contentcenter table ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}
#conf_contentcenter table ul li:before {
	content: "\00BB \0020";
	}






/*--------------- BUTTONS -------------*/

/*==============================| FORM BUTTONS |==============================*/
.formbuttons{
	clear:both;
	margin-bottom:75px;
}
.formbuttons a, .formbuttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.formbuttons a{
	color:#565656;
}
.formbuttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.formbuttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.formbuttons button img, .formbuttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
button:hover, .formbuttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.formbuttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .formbuttons a.positive{
    color:#529214;
}
.formbuttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.formbuttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.formbuttons a.negative, button.negative{
    color:#d12f19;
}
.formbuttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.formbuttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}





.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}
