/* Stylesheet for S'n'S Online Inventory Software designed by Aaron Gross */
		
@charset "UTF-8";

@variables { /*Colors*/
	black: #333333;
	grey: #aaaaaa;
	white: #ffffff;
	dark-orange: #d96c00;
	light-orange: #ffbf7f;
	dark-teal: #8fc2cc;
	light-teal: #e5fbff;
	dark-yellow: #fff3b3;
	light-yellow: #fffbe6;
	dark-green: #00cc11;
	light-green: #b8e6bc;
	dark-red: #cc2200;
	light-red: #ffcabf;
	blue: #4d87ff;
}

body { /*Site Elements*/
	line-height:120%;
	margin:0;
	padding:0;
	color:#333333;
	background:#8fc2cc;
	overflow-y: scroll;
}

.indent { /*Indent*/
	margin-left:10px;
} 

img { /*Image Borders*/
	border: 0;
}

div#invbox { /*Main Box*/
	border: solid;
	border-width:2px;
	border-color:#333333;
	width:75%;
	background-color:#ffffff;
	text-align:left;
	padding:5px;
	font-family:"Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size:9pt;
}

div#notebox { /*Floating Show Menu */
	border:solid;
	border-width:1px 1px 1px 1px;
	background-color:#fff3b3;
	border-color:#333333;
	text-align:left;
	width:9%;
	float:left;
	top:150px;
	font-family:"Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size:9pt; /*Overridden Elsewhere > ul*/
	margin-left:10px;
	margin-right:10px;
	position:fixed;
	padding:6px 6px;
	display:block;
} 

.profrightbox { /*Broken Legs Box*/
	border-style:double;
	border-width:3px;
	border-color:#8fc2cc;
	float:right;
	width:275px;
	background-color:#ffffff;
	padding:4px;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	padding:2px;
	margin:4px auto;
}

div .smallhead { /*Box Header*/
	font-style:normal;
	font-size:13pt;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps; 
	line-height:120%;
	color:#ffffff;
	font-weight:normal;
	border-bottom-width:4px;
	border-top-width:4px;
	border-right-width:0px;
	border-left-width:0px;
	border-style:double;
	border-color:#ffffff;
	background-color:#d96c00;
	padding:4px;
	text-align:center;
	margin-top:2px;
	margin-bottom:8px;
	letter-spacing:2px;
}

div .fullbox { /*Full Box*/
	text-align:left;
	background-color:#ffffff;
	width:99%;
	padding:4px;
	border-width:1px 0px 1px 0px;
	border-style:solid;
	margin-bottom:10px;
	border-color:#8fc2cc;
	font-size:9pt;
}

div .leftbox { /*Left Box*/
	float:left;
	background-color:#ffffff;
	width:48%;
	padding:4px;
	border-style:solid;
	border-color:#8fc2cc;
	border-width:1px 1px 1px 0px;
	clear:left;
	margin-bottom:10px;
	font-size:9pt;
}

div .rightbox { /*Right Box*/
	float:right;
	background-color:#ffffff;
	width:48%;
	padding:4px;
	border-width:1px 0px 1px 1px;
	border-style:solid;
	clear:right;
	margin-bottom:10px;
	border-color:#8fc2cc;
	font-size:9pt;
}

div#floatrightbox{ /*Right Box Float*/
	position:absolute;
	float:right;
	background-attachment:scroll;
	display:block;
}

.frontlogin { /*Login Box*/
	text-align:left;
	background-color:#ffffff;
	width:48%;
	padding:4px;
	border-width:3px 3px 3px 3px;
	border-style:double;
	margin-bottom:10px;
	border-color:#8fc2cc;
}

div #loginbox { /*Log-In/Navigation Bar*/
	font-size:9pt;
	background-color:#e5fbff;
	font-size:9pt;
	width:99%;
	padding:3px;
}

div #headtext { /*Header*/
	margin-left:100px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22pt;
	padding:5px;
	line-height:120%;
	margin-bottom:0px;
	margin-top:10px;
}

div #sublinks { /*Subheader Links*/
	margin-left:100px;
	border-style:solid;
	border-color:#8fc2cc;
	border-width:1px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	font-size:11pt;
	padding:4px;
	margin-bottom:10px;
	line-height:120%;
}

div .normaltext { /*Pretty Much Your Basic Regular Type, You Know*/
	font-size: 9pt;
}

.greyedout { /*Grey Text*/
	color: #aaaaaa;
	font-size: 7pt;
	font-style:italic;
}

div .smalltext { /* Small Text */
	font-size:7pt;
	line-height:120%;
}

.bigformtext { /*Big Text*/
	font-size:13pt;
	color:#aaaaaa;
}

.searchnoresults
{
	font-size:14pt;
	background-color:#FF6666;
	padding:6px;
	border:solid;
	border-color:#FF0000;
	border-left-width:2px;
	border-right-width:2px;
	border-top-width:2px;
	border-bottom-width:2px;
	clear:all;
	color:black;
	text-align:center;
	margin-bottom:3px;
	line-height:120%;
} 

div #success
{
	font-size:14pt;
	background-color:#A1FC87;
	padding:6px;
	border:solid;
	border-color:#006600;
	border-left-width:2px;
	border-right-width:2px;
	border-top-width:2px;
	border-bottom-width:2px;
	clear:all;
	color:black;
	margin-bottom:3px;
	text-align:center;
	line-height:120%;
} 

div #alert
{
	font-size:14pt;
	background-color:#FF9933;
	padding:6px;
	border:solid;
	border-color:#FF6600;
	border-left-width:2px;
	border-right-width:2px;
	border-top-width:2px;
	border-bottom-width:2px;
	clear:all;
	color:black;
	margin-bottom:3px;
	text-align:center;
	line-height:120%;
} 

div #message
{
	font-size:14pt;
	background-color:#e5fbff;
	padding:6px;
	border:solid;
	border-color:#8fc2cc;
	border-left-width:2px;
	border-right-width:2px;
	border-top-width:2px;
	border-bottom-width:2px;
	clear:all;
	color:black;
	margin-bottom:3px;
	text-align:center;
	line-height:120%;
} 


div .error{ /*Error Bar*/
	font-size:11pt;
	font-weight:bold;
	background-color:#ffcabf;
	padding:6px;
	border:solid;
	font-style:italic;
	border-color:#cc2200;
	border-left-width:8px;
	border-right-width:8px;
	border-top-width:0px;
	border-bottom-width:0px;
	clear:all;
	color:#333333;
	text-align:center;
	margin-bottom:3px;
	line-height:120%;
}

div .success { /*Success Bar*/
	font-size:11pt;
	font-weight:bold;
	background-color:#b8e6bc;
	padding:6px;
	border:solid;
	font-style:italic;
	border-color:#00cc11;
	border-left-width:8px;
	border-right-width:8px;
	border-top-width:0px;
	border-bottom-width:0px;
	clear:all;
	color:#333333;
	margin-bottom:3px;
	text-align:center;
	line-height:120%;
}

div .alert { /*System Alert Bar*/
	font-size:11pt;
	font-weight:bold;
	background-color:#fffbe6;
	padding:6px;
	border:solid;
	font-style:italic;
	border-color:#fff3b3;
	border-left-width:8px;
	border-right-width:8px;
	border-top-width:0px;
	border-bottom-width:0px;
	clear:all;
	color:#333333;
	margin-bottom:3px;
	text-align:center;
	line-height:120%;
}

div .message { /*News Bar*/
	font-size:11pt;
	font-weight:bold;
	background-color:#e5fbff;
	padding:6px;
	border:solid;
	font-style:italic;
	border-color:#8fc2cc;
	border-left-width:8px;
	border-right-width:8px;
	border-top-width:0px;
	border-bottom-width:0px;
	clear:all;
	color:#333333;
	margin-bottom:3px;
	text-align:center;
	line-height:120%;
}

a { /*Link Normal*/
	color:#4d87ff;
	font-weight:bold;
	text-decoration:none;
}

a:hover { /*Link Hover*/
	text-decoration:underline;
}

select { /*Drop Down Select*/
	font-family:"Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size:9pt;
	font-weight:normal;
	background-color:#fffbe6;
	color:#333333;
	border-top-color:#aaaaaa;
	border-left-color:#aaaaaa;
	border-right-color:#aaaaaa;
	border-bottom-color:#aaaaaa;
	border-style:solid;
}

textarea { /*Text Areas*/
	font-family:"Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size:9pt;
	font-weight:normal;
	background-color:#fffbe6;
	color:#333333;
	border-top-color:#aaaaaa;
	border-left-color:#aaaaaa;
	border-right-color:#aaaaaa;
	border-bottom-color:#aaaaaa;
	border-style:solid;
	padding:2px;
}

input[type="text"],
input[type~="text"],
input[type="password"],
input[type~="password"] { /*Single Line Text Area*/
	font-family:"Lucida Grande", Tahoma, Verdana, sans-serif;;
	font-size:9pt;
	font-weight:normal;
	background-color:#fffbe6;
	color:#333333;
	border-top-color:#aaaaaa;
	border-left-color:#aaaaaa;
	border-right-color:#aaaaaa;
	border-bottom-color:#aaaaaa;
	border-style:solid;
}

input[type="submit"],
input[type="button"],
input[type="reset"],
input[type~="submit"],
input[type~="button"],
input[type~="reset"] { /*Form Button*/
        border-style: solid;
        border-top-width: 2px;
        border-left-width: 2px;
        border-bottom-width: 2px;
        border-right-width: 2px;
		border-color:#333333;
        background-color:#d96c00;
        color:#ffffff;
        font-size:9pt;
        font-family:"Lucida Grande", Tahoma, Verdana, sans-serif; 
		margin:2px;
}

TD.showhistoryboxes { /*History Box*/
	border-style:solid;
	border-color:#aaaaaa;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width:1px;
	padding:3px;
	margin-bottom:2px;
	font-size:9pt;
}

TABLE.normal { /*Borderless Basic Table*/
	border-width:0px;
	border-collapse: collapse;
	font-size: 9pt;
	line-height:150%;
	width:100%;
}

TD.infobox { /*Borderless Table, Right Side*/
	background-color:#fff3b3;
	font-weight:bold;
	text-align:left;
	padding:4px;
	width:auto;
	border-color:#aaaaaa;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width:1px;
	border-style:solid;
}

TD.labelbox { /*Borderless Table, Left Side*/
	text-align:right;
	padding:4px;
	border-color:#aaaaaa;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width:1px;
	border-style:solid;
	width:30%;
}

TABLE.whiteboard { /*Bordered Cell Table*/
	border-width:0px;
}

TR.whiteboard { /*Bordered Cell Table, Row*/
	border-bottom-width:0px;
}

TD.invcell { /*Bordered Cell Table, Cell*/
	border-color:#aaaaaa;
	border-style:solid;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 1px;
	padding:3px;
	font-size:9pt;
}

TD.invheadrow { /*Table Header Cell*/
	border-color:#aaaaaa;
	border-style:solid;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 1px;
	padding:3px;
	font-size:9pt;
	font-weight:bold;
	background-color:#ffbf7f;
}

TD.normal { /*Table Cell*/
	border-color: #000000;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
}

TD.smallcell { /*Table Footer Cell*/
	border-color:#aaaaaa;
	border-style:solid;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 1px;
	background-color:#e5fbff;
	padding:3px;
	font-size:7pt;
}

div#clearinvbox { /*Search Bar Region*/
	border: solid;
	border-width:0px;
	width:75%;
	text-align:right;
	align:right;
	padding:5px;
}

.twitter_name_container{ /*Twitter Header*/
	font-size:25px;
	font-color:#ff0000;
	font-weight:bold;
	width:100%;
	padding-left:8px;
	padding-top:10px;
	margin-bottom:-15px;

}

.twitter_container{ /*Twitter Feed Box*/
	border-style:solid;
	border-width:2px 2px 2px 2px;
	border-color:#333333;
	line-height:150%;
	
}

.twitter_feed li{ /*Individual Tweets*/
	border-width:0px 0px 1px 0px;
	border-style:dotted;
	margin-bottom:3px;
	width:95%;
	
}

table.tablesorter thead tr .headerSortUp, table.tablesorter thead tr .headerSortDown {	
	background-color: #d96c00;
	color: white;
	font-family:Georgia, "Times New Roman", Times, serif;
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.tablesorter thead tr .header {
	background-image: url(images/bg.gif);
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #ffbf7f;
	border-color: #aaaaaa;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 1px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	font-weight: bold;
	padding: 3px;
}

/* New search styles added by aaron...*/
.searchmainlink a
{
	font-size:14pt;
	font-weight:bold;
	text-decoration:underline;
}

.searchmainlink
{
	font-size:12pt;
}

.searchsublinks a
{
	color:#666666;
	text-decoration:underline;
	font-weight:normal;
	font-style:italic;
}

.searchtext
{
	font-size:11pt;
}

.allresultscontainer
{
	width:75%;
	display:block;
	margin-left:25%;
}

.categorycontainer
{
	border:1px solid #AAAAAA;
	padding:5px;
	margin-bottom:10px;
}

.categoryheader
{
	font-size:20pt;
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	background-color:#AAAAAA;
	margin-bottom:5px;
}

.categoryfooter
{
	font-size:12pt;
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	background-color:#AAAAAA;
	margin-bottom:5px;
	text-align:right;
}

.searchcontainer
{
	margin-bottom:12px;
	padding:2px;
	line-height:180%;
}

.imagecontainer
{
	float:right;

}

.summaryheader
{
	font-size:16pt;
	margin-top:18px;
}

.summarycontainer
{
	display:block;
	padding:10px;
	clear:both;
	text-align:left;
}

.searchcontainertoggle
{
	margin-bottom:12px;
	padding:2px;
	line-height:18pt;
	background-color:#CCE1EC;
}

.summaryresultscontainer
{
	float:left;
	width:24%;
	border: 1px solid #AAAAAA;
	
}

.bigitemnumcontainer
{
	float:left;
	padding:5px;
	margin-right:10px;
	font-size:25pt;
	font-weight:bold;
}

.searchresultsbar
{
	font-size:14pt;
	background-color:#A1FC87;
	border:#00cc11 2px solid;
	color:black;
	padding:5px;
	line-height:180%;
}

/*Things to address:

Home/All
	Heading Search Bar
	Silly Top Notifications - Redirect, etc.
	Footer Color
	Lightbox Styles
	Images, Icons
	Redesign the Twitter box - Sorry, Aaron
Inventory
	Smart Search Bar Color
Show Page
	Show Timeline Color
	Embedded Calendar Colors?
	Grey Boxes on Edit Heads
	Tech Hours Table
	Wandering Profright Box
Elections
	Comments Feed
	Accepted and Declined Text
	Platform Comment Bars
	Wandering Profright Box, Again
Kudos
	Moderation Link
	Moderation Table

OH MY GOD STOP HARD CODING THINGS OUTSIDE THE STYLE SHEET

Love, Jasmine*/

/* EOF */