/* 
  -----------------------------------
  Slide-Out Menu
  by Project Seven Development
  www.projectseven.com
  Style Theme: 02 - Spartan Light
  -----------------------------------
*/

.p7SOM {
	width: 240px;
}
.p7SOM-02 ul {
	background-color: #f5f5f5;
	background: rgba(245,245,245,1);
}

/*Design View Background*/
.p7SOM-02.p7SOMnoscript ul {
	background: none !important;
	background-color: #EEE !important;
}

.p7SOM-02 ul ul {
	background-color: transparent;
	background: none;
}

/*Upsize Triggers */
.p7SOM a.trig_closed,
.p7SOM a.trig_open {
	font-size: 100%;
	font-weight: bold;
}

.p7SOM-02 ul a {
	padding: 8px 18px;
	color: #939393;
	text-decoration: none;
	border-radius: 0px !important;
	-webkit-transition: all linear .25s;
	transition: all linear .25s;
}
.p7SOM-02 ul ul a {padding: 8px 18px;}

.p7SOM-02 ul a:hover {
	background-color: #e5e5e5;
	color: #000;
}
.p7SOM-02 ul a.trig_open {
	background-color: #EEE;
	color: #999;
	
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.p7SOM-02 a.trig_closed {
	background-image: url(img/som-right-dark.gif);
}
.p7SOM-02 ul ul a.trig_closed {
	background-image: url(img/som-right-dark.gif);
}
.p7SOM-02 a.trig_open {
	background-image: url(img/som-down-light.gif);
	background-color: #999;
	color: #FFF;
}
.p7SOM-02 ul ul a {
	font-size: .9em;
}

/*Level indentations */
.p7SOM-02 ul a {
	padding-left: 20px;
}
.p7SOM-02 ul ul a {
	padding-left: 32px;
}
.p7SOM-02 ul ul ul a {
	padding-left: 48px;
}
.p7SOM-02 ul ul ul ul a {
	padding-left: 60px;
}


/*CURRENT MARK */
.p7SOM-02 a.current_mark {
	font-weight: bold;
}

/*Toolbar */

.som-toolbar a {
	font-size: 1.50em;
	line-height: 1em;
	display: inline-block !important;
	text-decoration: none;
	font-weight: 300;
}

.p7SOM-02.som-toolbar a {
	color: #666 !important;
	background-color: #FCFCFC !important;
	background: rgba(90,90,90,0.75);
	-webkit-transition: all linear .25s;
	transition: all linear .25s;
}
.p7SOM-02.som-toolbar a:hover {
	color: #333 !important;
	background-color: #DDD !important;
}
.p7SOM-02.som-toolbar.opened a {
	background-color: #DDD !important;
	color: #666 !important;
}

.som-toolbar.som-top-left {
	left: 2.3em;
	top: 0px;
	border-radius: 0px 0px 5px 5px;
}

/*Menu Header */
.p7SOM-02 .som-header {
	padding: 6px 18px;
	font-size: 1.2em;
	background-image: url(img/som-close-light.png);
	border-bottom: 1px solid #DDD;
	background-color: #EEE;
	color: #000;
	-webkit-transition: all linear .25s;
	transition: all linear .25s;
	
	font-weight:300; 
	font-size: 1.4em; 
	line-height:1.25em; 
	color:#959595;
}
.p7SOM-02 .som-header:hover {
	background-color: #CCC;
	color:  #000;
}

 @media only screen and (min-width: 0px) and (max-width: 700px) {

.scalable {width: 100%;}

}