/*
Vanilla ARIA
*/
   
   
/* ============================================== General Styles & Typography */
body {
   color: #222;
font-family: 'Ubuntu', sans-serif;

   background: #fff;

}
h1, h2, h3, h4, h5, h6 {
   color: #000;
font-family: 'Oswald', sans-serif;

}
h1, h2 {
   border-bottom:1px solid #bbb;

}
h4 {
   color: #6C6C6C;
}
h5 {
   color: #6C6C6C;
}
a,
a:link,
a:visited,
a:active {
   color: #282828;

}
a:hover {
   color: #000;
text-decoration:underline;
}
input.DateBox,
input.InputBox,
input.SmallInput,
textarea {
   color: #333;
	box-shadow: 0px 0px 3px #ddd;
	-moz-box-shadow: 0px 0px 3px #ddd;
	-webkit-box-shadow: 0px 0px 3px #ddd;  
 
   border: 1px solid #aaa;
	
}
input.SmallInput:focus,
input.InputBox:focus,
textarea:focus {
   background: #fff;
}

select {

   color: #222;

   }
a.Button,
.Button {

background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

   color: #282828;
	text-shadow: 0 1px 0 #fff;
   border: 1px solid #999;
 
-moz-box-shadow:0px 0px 1px #ccc;
-webkit-box-shadow: 0px 0px 1px #ccc; 
box-shadow:0px 0px 1px #ccc;
   }
.Button:hover {
   color: #111;
	text-shadow: 0 1px 0 #fff;
   border: 1px solid #666;
 
	box-shadow: 0px 0px 3px #777;
	-moz-box-shadow: 0px 0px 3px #777;
	-webkit-box-shadow: 0px 0px 3px #777;  
}
.Button:focus {
   background: #eee;
}
div.Messages ul {
 
   background: #ff9 !important;

	box-shadow: 0px 0px 2px #333;
	-moz-box-shadow: 0px 0px 2px #333;
	-webkit-box-shadow: 0px 0px 2px #333;  
}
div.Messages ul li {
  
   color: #000 !important;

}
div.Errors ul {
   background: #d50a0a !important;
}
div.Errors ul li {
   color: #fff !important;
   background: #d50a0a !important;
}

div.Deleted {
	background: #f5f5f5;
	border: 1px solid #dddddd;

}
/* Note: Warning, Alert & Info are simple boxes that can be used to wrap message
   strings & imply importance. */
.Warning {
   background: #ffc;
   border: 1px solid #ff9;
   color: #000;

}
.Alert {
   background: #d00;
   border: 1px solid #b00;
   color: #fff;

}
.Alert a {
   color: #fff;
}
div.Info {
   background: #fafafa;
   border: 1px solid #eee;
   color: #888;

}
div.DismissMessage a.Dismiss {

   color: #999;
}
div.DismissMessage a.Dismiss:hover {
	color: #bbb;
}
/* Note: The close class is used on the "close" anchor in popups. */
a.Close {
	color:#ccc;

}
a.Close:hover {
	color: #777;
}
.NumberedPager span,
.NumberedPager a.Highlight {
	color: #777;
}

/* =================================================================== Header */
/* Header area */
#Head {
   background: #777;
   border: 1px solid #444;
	box-shadow: inset 0px 0px 50px #444, 0px 0px 20px #999;
	-moz-box-shadow: inset 0px 0px 50px #444, 0px 0px 20px #999;
	-webkit-box-shadow: inset 0px 0px 50px #444, 0px 0px 20px #999;

}
/* Header Main Title */
#Head h1 a span {
   color:#FFF;
   text-shadow:1px 1px 1px #000;   
}
#Head h1 a:hover span {
   color:#ddd;
}
/* Search box */
#Head form {

   /* background: #555; */

}
#Head form input.InputBox {

   background: #fff;
   border: 1px solid #444;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
-moz-box-shadow:inset 0px 0px 10px #999;
-webkit-box-shadow:inset 0px 0px 10px #999; 
box-shadow:inset 0px 0px 10px #999;
   color: #969696;
}
/* Search box button */
#Head form input.Button {

background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
   color: #282828;
	text-shadow: 0 1px 0 #fff;
   border: 1px solid #444;
-moz-box-shadow:0px 0px 3px #555;
-webkit-box-shadow:0px 0px 3px #555; 
box-shadow:0px 0px 3px #555;
    	
}
ul.Options li.Parent strong {

   background: #f8f8f8;
   border: 1px solid #bbb;

   color: #555;

}
ul.Options li.Parent strong:focus,
ul.Options li.Parent strong:hover {
   color: #333;
   border: 1px solid #888;
}
ul.Options li.Parent strong:focus {
   background: #eee;
}
ul.Options li.Active strong:hover,
ul.Options li.Active strong {
   color: #fff;
   background: #9c9c9c !important;
   border: 1px solid #9c9c9c;

}
ul.Options li.Active ul {
   border: 1px solid #9c9c9c;
   background: #fafafa;

}

ul.Options li.Active a {
   background: #efefef;
   color: #595959;
}
ul.Options li.Active a:hover {
   background: #8d8d8d;
   color: #fff;
}
ul.Options li.Parent strong:hover,
ul.Options li.Active strong:hover,
ul.Options li.Active strong,
ul.Options li.Active ul {
  	box-shadow: 0px 0px 2px #999;
	-moz-box-shadow: 0 0 2px #999;
	-webkit-box-shadow: 0px 0px 2px #999;     
}

/* ================================================================ Main Menu */
#Menu ul,
#Menu li.Active {
   background: #38abe3;
}
#Menu a,
#Menu li.Active a {
   color: #eee;
	text-shadow: 1px 1px 0px #111;
}
#Menu a:hover {
  background: #666;
   color:#fff;
	text-shadow: 0px 0px 5px #000;
  background: #666;
-webkit-border-radius: 3px;
border-radius: 3px;
	box-shadow: inset 0px 0px 5px #555;
	-moz-box-shadow: inset 0px 0px 5px #555;
	-webkit-box-shadow: inset 0px 0px 5px #555;  
}

#Menu li.NonTab a:hover {
   color: #fff !important;
}
/* Numbers next to menu items */
#Menu a span,
#Menu li.Active a span,
#Menu li.Highlight a:hover span {
   background: #FF5555;
   border: 1px solid #FF5555;
	box-shadow: 0px 0px 3px #000;
	-moz-box-shadow: 0px 0px 3px #000;
	-webkit-box-shadow: 0px 0px 3px #FF5555;  
   color: #fff;
	text-shadow: 0 0px 0px #000;
}


/* ======================================================== Panels / Sidebars */

/* Main Sidebar boxes */
div.Box {

   background: #fff;
   color: #888;

	border:solid 1px #dddddd;
	-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-moz-box-shadow:inset 0px 0px 50px #eeeedd, 0px 0px 15px #eeeeee;
-webkit-box-shadow:inset 0px 0px 50px #eeeedd, 0px 0px 15px #eeeeee;
box-shadow:inset 0px 0px 50px #eeeedd, 0px 0px 15px #eeeeee;

}
div.Box h4 {
   color: #282828;

}
div.Box dl {
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   background: #eee; 

}
div.Box dl dt {

   color: #555;
}
div.Box p {

   color: #555;
}
ul.PanelActivity {
   border-top: 1px solid #ddd;
}
ul.PanelActivity li {
   background: #eee;
   border-bottom: 1px solid #ddd;
	color: #555;
}
ul.PanelActivity li em {
	color: #777;
}
/* Side Panel Inactive List Items */
ul.PanelInfo li {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

 border-bottom: 1px solid #ddd;

}
ul.PanelInfo {
   border-top: 1px solid #ddd;
}
/* Side Panel Bookmarks New Message counter */
ul.PanelInfo div.Meta strong {

	background: #ffff88;
	color:#000;
-webkit-border-radius: 3px;
border-radius: 3px;
 border: 1px solid #999;
}
/* Side Panel Active List Items */
ul.PanelInfo li.Active {
	font-weight: 700;
background: rgb(237,237,237); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(53%,rgba(246,246,246,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

-moz-box-shadow:inset 0px 0px 5px #ccc;
-webkit-box-shadow:inset 0px 0px 5px #ccc;
box-shadow:inset 0px 0px 5px #ccc;
border:solid 1px #bbb;
border-bottom: 1px solid #bbb;
}
ul.PanelInfo li.Active a {
   color: #282828;
}
body.Profile ul.PanelInfo {
   border-bottom: 1px solid #ddd;
}
/* Star a New Discussion Button */
a.BigButton {

 /*  background: #73FFB7;*/
   color: #000;
	text-shadow: 1px 1px 1px #eee;
   border: 1px solid #777;
background: rgb(210,255,82); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,255,82,1)), color-stop(100%,rgba(145,232,66,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-9 */

-moz-box-shadow:inset 0px 0px 50px #0BBF62, 0px 0px 3px #999;
-webkit-box-shadow:inset 0px 0px 50px #0BBF62, 0px 0px 3px #999; 
box-shadow:inset 0px 0px 50px #0BBF62, 0px 0px 3px #999;

   }
a.BigButton:hover {
   color: #000;
   border: 1px solid #666;
	box-shadow: 0px 0px 10px #999;
	-moz-box-shadow: 0px 0px 10px #999;
	-webkit-box-shadow: 0px 0px 10px #999;  
}
a.BigButton:focus {
   background: #eee;
	box-shadow: 0px 0px 2px #999;
	-moz-box-shadow: 0px 0px 2px #999;
	-webkit-box-shadow: 0px 0px 2px #999;  
}


/* ============================================================= Entry Screen */
body#dashboard_entrycontroller_handshake ul.NewAccount {

	border-right: 1px solid #A5D0E7;
}
body#dashboard_entrycontroller_handshake div.Info {
	border: 1px solid #A5D0E7;
	background: #D3F0FF;
	color: #02475A;
}
body.Entry #Content div.Box {

	background: #ffe;

}

body.Entry #Content h1 {
   color: #000;

}
body#dashboard_entrycontroller_handshake #Content h2 {
   color: #02475A;

}
body.Entry form ul li label {
	color: #474747;

}

/* ================================================ DataList (Search Results) */
/* Note: DataList is used in search results, vanilla discussions & drafts */

ul.DataList li.Item {

   border-bottom: 1px solid #bbb;
}
ul.DataList div.Meta {
   font-size: 11px;
   color: #70727c;
}
ul.DataList div.Excerpt a {
   color: #333;
}
/* Forum List New Message counter */
ul.DataList div.Meta strong {
   background: #FFFF88;
   color:#000;
   border: solid 1px #999;

}
ul.DataList div.Meta a {
   color: #2b2d33;
}
ul.DataList a.Delete {

   color: #555;

}
ul.DataList a.Delete:hover {
   color: #333;
   border: 1px solid #888;
   background:#f8f8f8;
}
ul.DataList a.Delete:focus {
   background: #f8f8f8;
}

/* =============================================================== Activities */


body.Profile ul.Activities {
   margin-top: 10px;
   border-top: 1px solid #ddd;
}
ul.Activities div.Excerpt {
	color: #80828C;
}
ul.Activities li.Condensed div.Excerpt {
	color: #000;

}
ul.Activities div.Excerpt a,
ul.Activities div.Meta a {
   color: #282828;
}
ul.Activities div.Excerpt a:hover,
ul.Activities div.Meta a:hover {
   color: #bbb;
}
ul.Activities div.Excerpt img {
	border: 1px solid #999;
}
ul.Activities ul.DataList li {
	background: #ddd;

}
ul.Activities a.CommentLink,
ul.Activities a.CommentLink:hover {

   background: #fff;
   color: #bbb !important;
   border: 1px solid #aaa;


}
ul.Activities li.CommentForm input.Button {
	box-shadow: 0 0 1px #999;
	-moz-box-shadow: 0 0 1px #999;
	-webkit-box-shadow: 0 0 1px #999;  
}


/* ============================================================== MessageList */
/* used for lists of message-based content (discussion comments, private
conversation messages, etc). */

ul.MessageList li.Item {
margin: 5px 0px 0px 0px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
   border: 1px solid #ddd;
-moz-box-shadow:inset 0px 0px 50px #eeeedd, 0px 0px 15px #eeeeee;
-webkit-box-shadow:inset 0px 0px 50px #eeeedd, 0px 0px 15px #eeeeee;
box-shadow:inset 0px 0px 50px #eeeedd, 0px 0px 15px #eeeeee;
}
/* Author post header*/
ul.MessageList div.Meta {
   color: #444;
padding: 5px;
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
   border: 1px solid #999;
}
ul.MessageList div.Meta span.Author img {
      background: #eee;
}
div.Preview {
	background: #E3F4FF;

}
div.Preview div.Message blockquote,
ul.MessageList div.Message blockquote {

   background: #ffc;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
   border: 1px dotted #ccc;
-moz-box-shadow:inset 0px 0px 50px #eeeedd, 1px 1px 5px #ddd;
-webkit-box-shadow:inset 0px 0px 50px #eeeedd, 1px 1px 5px #ddd;
box-shadow:inset 0px 0px 50px #eeeedd, 1px 1px 5px #ddd;
}
div.Preview div.Message code,
div.Preview div.Message pre,
ul.MessageList div.Message code,
ul.MessageList div.Message pre {
     background: #ff9;
 
}
/* The "Foot" is at the bottom of the #Content section. Used for more results
links, sign in buttons, etc */
.Foot {
	border-bottom: 0px solid #ddd;
	 background: #fff; 

   }

/* ============================================================= Profile Page */
ul.SideMenu li ul li {
   border-bottom: 1px solid #bbb;
}
ul.SideMenu li ul li a:hover {
   background: #bbb;
}
#Status {

   background: #bbb;

   color: #999;

}
#Status p {
   color: #6c6c6c;

}
div.User form {

   background: #bbb;
}
/* Invitations Form */
#Form_Invitation table {

	background: #F2FBFF;
	border: 1px solid #C0E7F5;
}
#Form_Invitation table th,
#Form_Invitation table td {
   color: #555;
}
#Form_Invitation table thead th,
#Form_Invitation table thead td {
   border-bottom: 1px solid #C0E7F5;
}
#Form_Invitation table tbody th {
   color: #000;
}
#Form_Invitation table tbody th,
#Form_Invitation table tbody td {
   border-bottom: 1px solid #C0E7F5;
}
#Form_Invitation table thead th {
   color: #000;
}
#Form_Invitation table.AltRows tr.Alt th,
#Form_Invitation table.AltRows tr.Alt td,
#Form_Invitation table.AltColumns th.Alt,
#Form_Invitation table.AltColumns td.Alt {
   background: #bbb;
}


/* ================================================================= Tab Menu */
div.MessageForm,
/* sub-title bars */
div.Tabs {
margin: 5px 0px 0px 0px; 
   background: #777;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
   border: 1px solid #444;
	box-shadow: inset 0px 0px 50px #444, 0px 0px 10px #999;
	-moz-box-shadow: inset 0px 0px 50px #444, 0px 0px 10px #999;
	-webkit-box-shadow: inset 0px 0px 50px #444, 0px 0px 10px #999;
}
div.MessageForm a.Cancel,
div.MessageForm a.Cancel:link,
div.MessageForm a.Cancel:hover,
div.MessageForm a.Cancel:active,
div.MessageForm a.Cancel:visited,
div.MorePager a,
div.MorePager a:link,
div.MorePager a:hover,
div.MorePager a:active,
div.MorePager a:visited,
a.TabLink,
a.TabLink:link,
a.TabLink:hover,
a.TabLink:active,
a.TabLink:visited,
div.Tabs li a,
div.Tabs li a:link,
div.Tabs li a:hover,
div.Tabs li a:active,
/* Inactive buttons and sub-menu buttons */
div.Tabs li a:visited {
   color: #555;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
   border: 1px solid #444;
  -moz-box-shadow:inset 1px 1px 0px #fff, 1px 1px 2px #666;
-webkit-box-shadow:inset 1px 1px 0px #fff, 1px 1px 2px #666;
box-shadow:inset 1px 1px 0px #fff, 1px 1px 2px #666;

}

div.MessageForm a.Cancel:hover,
div.MorePager li a:hover,
a.TabLink:hover,
div.Tabs li a:hover {
   background: #ddd;
}
a.Active,
/* Active Title, buttons and sub-menu buttons */
div.Tabs li.Active a {
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
background: rgb(229,229,229); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


   color: #000;
	text-shadow: 0 1px 1px #fff;
padding:5px;
  border: 1px solid #333;
  -moz-box-shadow:inset 1px 1px 1px #aaa, 0px 0px 0px #555;
-webkit-box-shadow:inset 1px 1px 1px #aaa, 0px 0px 0px #555;
box-shadow:inset 1px 1px 1px #aaa, 0px 0px 0px #555;
}
/* number notifications ticker in sub menus */
div.Tabs li a span {

   background: #ffff99; 
   color: #000;
  border: 1px solid #333;
}
div.Tabs div.SubTab {
		padding: 4px 8px;
	background: #fff;

}

/* ======================================================== Thumbnail Cropper */
.jcrop-handle {

   border: 1px #eee solid;
   background-color: #333;
   
}
.jcrop-tracker {
   *background-color: gray;
}
.custom .jcrop-vline,
.custom .jcrop-hline {
   background: yellow;
}
.custom .jcrop-handle {
   border-color: black;
   background-color: #C7BB00;

}


/* =================================================================== Popups */
div.Popup div.Errors ul {
	border: 1px solid #a00 !important;
}
div.Popup div.Body {
   background: #fff;
 
}
div.Popup h1,
div.Popup h2 {

	color: #fff;
	background: #282828;
	border-bottom: 1px solid #282828;
}
div.Popup .Footer {
  background: #fff;

 
}
body.Profile #Form_Invitation ul li label,
body.Profile #Form_User ul li label,
div.Popup form ul li label {
	color:#000;

}
body.Entry div.Popup p {
	color: #000;
}



/* =================================================================== Footer */
#Foot {
 
   color: #ddd;
}
#Foot a {
   color: #282828;
}
#Foot a:hover {
   color: #bbb;
}



/* ============================================================== Discussions */

/* Note: The Vanilla Discussion List has the following classes applied to
  individual list elements and can be styled:
  + Bookmarked: the user has bookmarked that topic
  + Announcement: the discussion has been announced
  + Mine: the user created the discussion
  + New: there are new comments since the last viewed the discussion
*/
.Mine { background: #eee; }

/* Categories in list */
ul.DataList div.Meta a.Category {
color: #666;
   background: #eee;

}
ul.DataList li.Mine div.Meta a.Category {
   background: #eee;
}

ul.DataList div.Meta span.Announcement {
	background: #444;
	color: #eee;

}
ul.DataList div.Meta span.Closed {
	background: #555555;
   color: #ffffff;

}


/* =============================================== Discussion & Comment Forms */
li.Editing {
	background: #E3F4FF;
}
#DiscussionForm label {

   color: #02475A;
}

#DiscussionForm h2 {
   color: #02475A;

}
#DiscussionForm form {
     background: #ddd none repeat scroll 0 0;
   border: 1px solid #666;
	box-shadow: 0px 0px 3px #999;
	-moz-box-shadow: 0px 0px 3px #999;
	-webkit-box-shadow: 0px 0px 3px #999;

}
#DiscussionForm ul.PostOptions label {

   color: #555;
}

/* ============================== Conversations ============================= */
.ac_results {
   border: 1px solid #bbb;
 
}

.ac_results li {
     border-bottom: 1px solid #bbb;
}

.ac_results strong {
   background: #daf4fd;
}
.ac_over strong {
   background: #2ab0de;
}
.ac_over {
   background: #44c7f4;
   color: #fff;
}
/* ============================================================ Conversations */
ul.Conversations li.Active {
  background: #ffe;
}

/* ========================================================= Add Message Form */
#MessageForm {
	background: #E9F9FF;
	}
#MessageForm h2 {
  color: #2786C2;

}
/* ==================================================== New Conversation Form */
#ConversationForm form {
	background:none repeat scroll 0 0 #c4e1ff;
	border:1px solid #fff;

}
#ConversationForm h2 {
	color:#02475A;

}
#ConversationForm label {

	color:#666666;
	
}
div.Popup #ConversationForm h2 {
	color: #fff;
	
}
/* Upload Progress Bar */
div.UploadProgress {

	color: #fff;
	text-shadow: 0 1px 1px #333;
	border: 1px solid #0c3c7e;

}