/* Color Theme Swatches in Hex */
/*
.evtechnote-color-1 { background-color: #474A59; }
*/
.evtechnote-color-1 { background-color: grey; }
.evtechnote-color-2 { background-color: white;  }
.evtechnote-color-2b { background-color: #9BA0BF; }
.evtechnote-color-3 { background-color: #D9320D; }
.evtechnote-color-4 { background-color: #BF463B; }
.evtechnote-color-5 { background-color: #BF6B6B; }
.evtechnote-color-6 { background-color: white;  }

@media only screen and (min-width: 1240px)
{
    .body_class
    {
		background-color:grey;
    }
    #main-bar
    {
	background-repeat: repeat-x;
        background-image: url("/img/ridgeline-1240-ewc.png");
	display:block;
	width:1240px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
    }
    #content
    {
    }
    #action-bar
    {
	display:block;
	width:1240px;
	height:60px;
	margin-left:auto;
	margin-right:auto;
    }
    #main-header
    {
        display:block;
		color:black;
		background-size: auto%;
		width:1240px;
		margin-left:auto;
		margin-right:auto;
    }
    .userlist {
        list-style:none;
        float:left;
    }
    .usertab 
    {
        list-style:none;
        color:black;
        font-size:18pt;
        margin:10px;
        padding:10px;
        display:inline;
        	
    }
    .action_item {
        list-style:none;
        color:white;
        font-size:18pt;
        margin:10px;
        padding:10px;
        display:inline;
        	
     }
    .toolbar-list
    {
	list-style:none;
	display:inline;
	float:left;
    }
/*
    .toolbar-tab
    {
	list-style:none;
	display:inline;
	font-size:18pt;
    }
*/
    .sitelist {
        list-style:none;
        float:left;
    }
    .sitetab {
        list-style:none;
        color:black;
        font-size:18pt;
        margin:10px;
        padding:10px;
        display:inline;
        visibility:visible;
    }
    .actiontab {
	list-style:none;
	font-size:18pt;
	margin:10px;
	padding:10px;
	visibility:visible;
	display:inline;
    }
    .action_item {
        list-style:none;
        color:white;
        font-size:18pt;
        margin:10px;
        padding:10px;
        display:inline;
        	
     }
    .usertab {
        list-style:none;
        color:black;
        font-size:18pt;
        margin:10px;
        padding:10px;
        display:inline;
        visibility:visible;	
    }
    .sidebar {
	background-image: url("/images/home/u28.png")
    }
    #site_toolbar {
	float:left;
	width:40%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
    }
    #user_toolbar {
	float:right;
	width:40%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
       }
    #topic-toolbar {
	float:right;
	width:10%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
    }
    #menu-crumbs
    {
	
    }
    #dialog_box
    {
    }
    #signup_box 
    {
	    opacity:0.8;
	    background-color:white;
	    width:1040px;
	    height:800px;
	    top:100px;
	    left:100px;
	    align-content:center;
	    position:absolute;
	    padding:10px;
	    margin:auto;
	    border: 1px solid black;
    }
    #login_box 
    {
	    opacity:0.8;
	    background-color:white;
	    width:1040px;
	    height:800px;
	    top:100px;
	    left:100px;
	    align-content:center;
	    position:absolute;
	    padding:10px;
	    margin:auto;
	    border: 1px solid black;
    }
	#main-page
	{
		display:block;
		position:absolute;
		width:1240px;
		margin-left:auto;
		margin-right:auto;
		height:auto;
	}
	#main-footer
	{
		width:1240px;
		margin-left:auto;
		margin-right:auto;
	}

.wordage-output
{
    background-color:white;
    width: 600px;
    left:60px;
    position:relative;
}
.headline-output
{
    background-color:white;
    width: 600px;
    left:60px;
    position:relative;
}
.product-output
{
    background-color:white;
    width: 600px;
    left:60px;
    position:relative;
}
.picture-output
{
    background-color:white;
    width:600px;
    left:60px;
    position:relative;
}
#action-bar
{
	padding:10px;
}
#binder
{
	background-color:white;
	color:black:
}
}
@media only screen and (min-width: 1024px)
{
    .body_class
    {
		background-color:grey;
    }
    #content
    {
    }
    #main-bar
    {
	background-repeat: repeat-x;
        background-image: url("/img/ridgeline-1024-ewc.png");
	display:block;
	width:1024px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
    }
    #action-bar
    {
	display:block;
	width:1024px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
    }
    #main-header
    {
        display:block;
		color:black;
		background-size: auto%;
		width:1024px;
		margin-left:auto;
		margin-right:auto;
    }
    .userlist {
        list-style:none;
        float:left;
    }
    .action_item {
        list-style:none;
        color:white;
        font-size:18pt;
        margin:10px;
        padding:10px;
        display:inline;
        	
     }
    .usertab 
    {
        list-style:none;
        color:black;
        font-size:18pt;
        margin:10px;
        padding:10px;
        display:inline;
        	
    }
    .toolbar-list
    {
	list-style:none;
	display:inline;
	float:left;
    }
/*
    .toolbar-tab
    {
	list-style:none;
	display:inline;
	font-size:18pt;
    }
*/
    .sitelist {
        list-style:none;
        float:left;
    }
    .sitetab {
        list-style:none;
        color:black;
        font-size:18pt;
        margin:10px;
        padding:10px;
        display:inline;
        visibility:visible;
    }
    .actiontab {
	list-style:none;
	font-size:18pt;
	margin:10px;
	padding:10px;
	visibility:visible;
	display:inline;
    }
    .action_item {
        list-style:none;
        color:white;
        font-size:18pt;
        margin:10px;
        padding:10px;
        display:inline;
        	
     }
    .usertab {
	list-style:none;
        color:black;
        font-size:18pt;
        margin:10px;
        padding:10px;
        display:inline;
        visibility:visible;	
    }
    .sidebar {
	background-image: url("/images/home/u28.png")
    }
    #site_toolbar {
	float:left;
	width:40%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
    }
    #user_toolbar {
	float:right;
	width:40%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
       }
    #topic-toolbar {
	float:right;
	width:10%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
    }
    #menu-crumbs
    {
	
    }
    #dialog_box
    {
    }
    #signup_box 
    {
	    opacity:0.8;
	    background-color:white;
	    width:824px;
	    height:500px;
	    top:100px;
	    left:100px;
	    align-content:center;
	    position:absolute;
	    padding:10px;
	    margin:auto;
	    border: 1px solid black;
    }
    #login_box 
    {
	    opacity:0.8;
	    background-color:white;
	    width:824px;
	    height:500px;
	    top:100px;
	    left:100px;
	    align-content:center;
	    position:absolute;
	    padding:10px;
	    margin:auto;
	    border: 1px solid black;
    }
	#main-page
	{
		display:block;
		position:absolute;
		width:1024px;
		margin-left:auto;
		margin-right:auto;
		height:auto;
	}
	#main-footer
	{
		width:1024px;
		margin-left:auto;
		margin-right:auto;
	}

.wordage-output
{
    background-color:white;
    width: 600px;
    left:100px;
    position:relative;
}
.headline-output
{
    background-color:white;
    width: 600px;
    left:100px;
    position:relative;
}
.product-output
{
    background-color:white;
    width: 600px;
    left:100px;
    position:relative;
}
.picture-output
{
    background-color:white;
    width:600px;
    left:100px;
    position:relative;
}
#action-bar
{
	padding:10px;
}
#binder
{
	background-color:white;
	color:black:
}
}
@media only screen and (min-width: 360px) and (max-width: 639px) 
{
    .body_class
    {
		background-color:grey;
    }
    #content
    {
    }
    #main-bar
    {
	display:block;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	background-repeat: repeat-x;
        background-image: url("/img/ridgeline-480-ewc.png");
	display:block;
	height:100px;
	width:480px;
    }
    #action-bar
    {
	display:block;
	width:480px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
    }
    #main-header
    {
	margin-left:auto;
	margin-right:auto;
    }
    .userlist {
        list-style:none;
        float:left;
    }
    .action_item {
        list-style:none;
        color:white;
        font-size:18pt;
        margin:10px;
        padding:10px;
        display:inline;
        	
     }
    .usertab 
    {
        list-style:none;
        color:black;
        font-size:18pt;
        margin:10px;
        padding:10px;
        display:inline;
        	
    }
    .toolbar-list
    {
	list-style:none;
	float:left;
    }
    .toolbar-tab
    {
	color:black;
	font-size:18pt;
    }
    .sitelist {
        list-style:none;
        float:left;
    }
    .sitetab {
        list-style:none;
        color:black;
        font-size:18pt;
        margin:10px;
        padding:10px;
        display:inline;
        
    }
    .action_item {
        list-style:none;
        color:white;
        font-size:18pt;
        margin:10px;
        padding:10px;
        display:inline;
        	
     }
    .usertab {
        list-style:none;
        color:black;
        font-size:18pt;
        margin:10px;
        padding:10px;
        display:inline;
        	
    }
    .sidebar {
	
	background-image: url("/images/home/u28.png")
    }
    #site_toolbar {
	    float:left;
	    width:40%;
	    margin-left:auto;
	    margin-right:auto;
	    position:relative;
    }
    #user_toolbar {
	   float:right;
	   width:40%;
	   margin-left:auto;
	   margin-right:auto;
	   position:relative;
    }
    #topic-toolbar {
	   float:right;
	   width:10%;
	   margin-left:auto;
	   margin-right:auto;
	   position:relative;
    }
    #menu-crumbs
    {
	    
    }
    #dialog_box
    {
    }
    #signup_box 
    {
	    opacity:0.8;
	    background-color:white;
	    width:350px;
	    height:350px;
	    position:absolute;
	    padding:10px;
	    margin:auto;
	    top:auto;
	    left:auto;
	    align-content:center;
	    border: 1px solid black;
    }
    #login_box 
    {
	    opacity:0.8;
	    background-color:white;
	    width:350px;
	    height:350px;
	    position:absolute;
	    padding:10px;
	    margin:auto;
	    top:auto;
	    left:auto;
	    align-content:center;
	    border: 1px solid black;
    }
	#main-footer
	{
		width:auto;
		margin-left:auto;
		margin-right:auto;
	}  

.wordage-output
{
    background-color:white;
    width: 300px;
    left:30px;
    position:relative;
}
.headline-output
{
    background-color:white;
    width: 300px;
    left:30px;
    position:relative;
}
.product-output
{
    background-color:white;
    width: 300px;
    left:30px;
    position:relative;
}
.picture-output
{
    background-color:white;
    width:300px;
    left:30px;
    position:relative;
}
#action-bar
{
	padding:10px;
}
#binder
{
	background-color:white;
	color:black:
}
@media only screen and (min-width: 120px) and (max-width: 360px) 
{
    .body_class
    {
		background-color:grey;
    }
    #content
    {
    }
    #main-bar
    {
	display:block;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	background-repeat: repeat-x;
        background-image: url("/img/ridgeline-360-ewc.png");
	display:block;
	height:100px;
	width:480px;
    }
    #action-bar
    {
	display:block;
	width:480px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
    }
    #main-header
    {
	margin-left:auto;
	margin-right:auto;
    }
    .userlist {
        list-style:none;
        float:left;
    }
    .action_item {
        list-style:none;
        color:white;
        font-size:18pt;
        margin:10px;
        padding:10px;
        display:inline;
        	
     }
    .usertab 
    {
        list-style:none;
        color:black;
        font-size:18pt;
        margin:10px;
        padding:10px;
        display:inline;
        	
    }
    .toolbar-list
    {
	list-style:none;
	float:left;
    }
    .toolbar-tab
    {
	color:black;
	font-size:18pt;
    }
    .sitelist {
        list-style:none;
        float:left;
    }
    .sitetab {
        list-style:none;
        color:black;
        font-size:18pt;
        margin:10px;
        padding:10px;
        display:inline;
        
    }
    .action_item {
        list-style:none;
        color:white;
        font-size:18pt;
        margin:10px;
        padding:10px;
        display:inline;
        	
     }
    .usertab {
        list-style:none;
        color:black;
        font-size:18pt;
        margin:10px;
        padding:10px;
        display:inline;
        	
    }
    .sidebar {
	
	background-image: url("/images/home/u28.png")
    }
    #site_toolbar {
	    float:left;
	    width:40%;
	    margin-left:auto;
	    margin-right:auto;
	    position:relative;
    }
    #user_toolbar {
	   float:right;
	   width:40%;
	   margin-left:auto;
	   margin-right:auto;
	   position:relative;
    }
    #topic-toolbar {
	   float:right;
	   width:10%;
	   margin-left:auto;
	   margin-right:auto;
	   position:relative;
    }
    #menu-crumbs
    {
	    
    }
    #dialog_box
    {
    }
    #signup_box 
    {
	    opacity:0.8;
	    background-color:white;
	    width:350px;
	    height:350px;
	    position:absolute;
	    padding:10px;
	    margin:auto;
	    top:auto;
	    left:auto;
	    align-content:center;
	    border: 1px solid black;
    }
    #login_box 
    {
	    opacity:0.8;
	    background-color:white;
	    width:350px;
	    height:350px;
	    position:absolute;
	    padding:10px;
	    margin:auto;
	    top:auto;
	    left:auto;
	    align-content:center;
	    border: 1px solid black;
    }
	#main-footer
	{
		width:auto;
		margin-left:auto;
		margin-right:auto;
	}  

.wordage-output
{
    background-color:white;
    width: 300px;
    left:30px;
    position:relative;
}
.headline-output
{
    background-color:white;
    width: 300px;
    left:30px;
    position:relative;
}
.product-output
{
    background-color:white;
    width: 300px;
    left:30px;
    position:relative;
}
.picture-output
{
    background-color:white;
    width:300px;
    left:30px;
    position:relative;
}
#action-bar
{
	padding:10px;
}
#binder
{
	background-color:white;
	color:black:
}
}