/* Tabs */
#STCFeature .ui-tabs { font-size:12px; width:531px; background:#F9F9F9;  position: relative; padding:15px 3px 5px 3px; zoom: 1; -moz-box-shadow: 3px 3px 0px #ccc; -webkit-box-shadow: 3px 3px 0px #ccc; box-shadow: 3px 3px 0px #ccc; border: 1px solid #676767; } 
.ui-tabs .ui-tabs-nav li { left: 20px; }
#STCFeature .ui-tabs .ui-tabs-panel { background: none repeat scroll 0 0 transparent; border-width: 0; display: block; max-height: 270px; height:auto !important; height:270px; overflow: auto; padding: 1em 1.4em; position:relative;}
#STCFeature table{ table-layout: auto; }
#STCFeature ul.ui-tabs-nav { background:#F9F9F9; border:0; }
#STCFeature #Stabs ul li.ui-state-active { border:1px solid #9A9A9A; background:#fff; font-weight:bold; position:relative; z-index:1000;}
#STCFeature #Stabs ul li.ui-state-active a { color:#262926;}
#STCFeature #Stabs ul li.ui-state-default { border:1px solid #9A9A9A;}

#STCFeature img, #STCFeature button, #STCFeature input[type=submit] {border: 0 none;}
#STCFeature button, #STCFeature input[type=submit] { cursor:pointer;}
#STCFeature table, td { border-collapse: collapse; border-spacing: 0; border-width:0;}
#STCFeature ul li { list-style-type:none;}
#STCFeatureabbr,#STCFeature acronym, #STCFeature fieldset, #STCFeature img {border:0;}
#STCFeature * a {outline: none !important;}
.addToGroup a:link, .addToGroup a:visited { color: #34A1B8; }
#STCFeature h1, #STCFeature h2, #STCFeature h3, #STCFeature h4, #STCFeature h5, #STCFeature h6{ color: #333; margin:0.2em 0 0.8em 0; }
#STCFeature h1{ font-size: 24px; padding-bottom: 0px; margin-bottom: 0px; font-weight:normal; }
#STCFeature h2{ font-size: 16px; font-weight: bold; }
#STCFeature h3{ font-size: 13px; color:#AEA400; font-weight:bold; }
#STCFeature h4{ font-size: 12em; font-weight:bold;}
#STCFeature h5, #STCFeature h6{ font-size: 1em; }


#STCFeature .recipientsBox { border:1px solid #BDBDBD; overflow: scroll; overflow-x: hidden; overflow-y: auto; min-height:24px; max-height:76px; min-height:24px; height:auto !important; height:24px;}
#STCFeature input#recipientsTextBox{ padding-left:3px; margin:0; border: 0px; float:left; height:18px; }
#STCFeature label { font-size:0/8em; display:block; margin:15px 0 5px 0;}
#STCFeature li.bit-box li.bit-box-group a:link a:visited a:hover a:active{ text-decoration:none; color:black;} 
#STCFeature a.boxText{ margin-right: 7px; margin-left: 5px; text-decoration :none; color:#444!important; font-size:12px; float:left; cursor:text;}
#STCFeature a.boxText:hover { text-decoration:none!important;}
#STCFeature .holder{ padding-left: 3px; margin-top: 0px; margin-bottom: 3px;}
#STCFeature .holder li.bit-box{ float:left; margin:0 0 3px 3px ;display:inline-block; background:none repeat scroll 0 0 #C8EBF0; border: 1px solid #9EDADE; height:16px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius:3px; border-radius:3px;}
#STCFeature ul.holder div{}

#STCFeature .holder li.bit-box-group{height:16px; font-weight:bold; float:left; margin: 0 0 3px 3px; display: inline-block; border: 1px solid #9EDADE; height:16px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius:3px; border-radius:3px; background: #C8EBF0}
#STCFeature .holder li.bit-box-group a.boxText {background: url("/Images/sendtocolleague/group-icon2.gif") 0px 4px no-repeat; padding-left:13px; cursor:text;}

#STCFeature .bit-box-hover{float:left; background: #9EDADE !important; border: 1px solid #46BAD5 !important;}
#STCFeature .closebutton{ background: url("/Images/sendtocolleague/close2.gif") repeat scroll 0 0 transparent; float: left; font-size: 1px; height: 8px; width: 8px; margin: 4px 3px 0 0;}
#STCFeature .bit-box-hover a.closebutton { background: url("/Images/sendtocolleague/close2-hover.gif") repeat scroll 0 0 transparent;}

#STCFeature .commentDiv{}
#STCFeature .commentTextBox{ height:150px; width:565px; border:1px solid #BDBDBD; resize:none; overflow:auto; color:#333; padding:5px 0 0 7px; margin-bottom:20px;}
#STCFeature input, #STCFeature textarea {font-family:Arial, Verdana; font-size:13px; line-height:1.3em;}
#STCFeature .saveSettingsContainer{ margin-top:20px; margin-bottom:25px;}

#STCFeature .sendButton, #STCFeature #saveNamesButton{ float:left; width: 56px; margin-right:6px; background: url("/Images/sendtocolleague/send-bg.png") left top no-repeat; height:22px; padding:2px 0 4px 0;}
#STCFeature button.addGrpEmailButton, #STCFeature button.newGrpButton {background: url("/Images/sendtocolleague/add-bg.png") left top no-repeat; padding:2px 0 4px 0; height:22px; width:41px; margin-right:5px;}
#STCFeature button.newGrpButton { float:left; margin-left:5px;}
#STCFeature input.saveHistoryChkBox, #STCFeature input[type="checkbox"] {padding-top:2px;}
#STCFeature .cancelButton, #STCFeature #cancelSaveNames{ float:left; width: 56px; background: url("/Images/sendtocolleague/cancel-bg.png") left top no-repeat; height:22px; padding:2px 0 4px 0;}
#STCFeature .cancelGrpEmailButton{ width: 56px; background: url("/Images/sendtocolleague/cancel-bg.png") left top no-repeat; height:22px; padding:2px 0 4px 0;}

#STCFeature #errorDisplay{ display:none; color: #DF1500;}
#STCFeature #errorDisplay ul li { background: url('/Images/sendtocolleague/error-icon.png') left center no-repeat; padding-left:15px; font-weight:bold; margin-bottom: 7px; font-size:12px; color:#BF1200;}
#STCFeature #emailConfirmation{ margin-top:10px; /*width:450px;*/ padding-bottom:10px; display:none;}
#STCFeature #SendToColleague{ margin:0px;}

#STCFeature button.toButton{ height:26px; width:36px; float:left; margin-right:6px; background: url('/Images/sendtocolleague/to-button.png') left top no-repeat; padding-left:0; padding-right:9px;}
#STCFeature button.toButton:hover { background-position:left bottom;}

#STCFeature a.deleteMostRecentEmail, #STCFeature a.deleteHistoryEmail, #STCFeature a.deleteFrmGroup {background: url('/Images/sendtocolleague/delete-icon.gif') left top no-repeat; float:right; width:13px; height:13px; font-size:0; text-indent:-3000px; display:block;}
#STCFeature a.deleteMostRecentEmail:hover, #STCFeature a.deleteHistoryEmail:hover, #STCFeature a.deleteFrmGroup:hover  { background-position:left bottom;}

/*---Tables---*/
#STCFeature #mostRecentTable{ width:100%; margin-top: 5px; }
#STCFeature #emailHistoryTable{ width:100%; margin-top: 5px; }
#STCFeature #emailgroups table{ margin-top:5px; width:100%; border-top:1px solid #DFDFDF;}
#STCFeature #emailgroups table tr { border:0; background:#F5F5F5;}
#STCFeature table.emailGroupsTable th {text-align:left; padding:4px;}
#STCFeature #Stabs table.emailGroupsTable td { padding:3px 7px 3px 9px; background:#F5F5F5; color:#444; border:0;}
#STCFeature #Stabs table.emailGroupsTable td div.linksContainer { border-top:8px solid #F5F5F5; padding:8px; background:#fff;}
div#emailgroups { margin-top:10px;}
#STCFeature #Stabs table.emailGroupsTable {background:#F5F5F5; padding-bottom:6px;}


#STCFeature table td {border-top:1px solid #DFDFDF;}
#STCFeature table tr.activeRow { background-color:#F5F5F5 !important;}
#STCFeature table tr.tableHeading {background-color:#fff !important;}

#STCFeature #addGroup{display:none;}
#STCFeature #addGroup span { font-weight:bold; margin:0 6px 0 5px;}

#STCFeature .newEmail{ display:none;}
#STCFeature .newEmail span{ margin-top: 4px; padding: 3px 3px 0 0; float:left;}
#STCFeature .newEmailButtons{ margin-top:10px; margin-bottom:5px; float:left; }
/*#STCFeature .newEmailButtons button{ margin: 2px;}*/

#STCFeature #Stabs table td , #STCFeature #Stabs table th { padding:4px; }
#STCFeature #Stab-1, #STCFeature #Stab-2, #STCFeature #Stab-3 {z-index:100 !important; background:#fff ; border:1px solid #9A9A9A ; margin:0 10px 10px 10px ; -moz-border-radius: 2px; -webkit-border-radius:2px; -o-border-radius:2px; border-radius:2px;}
#STCFeature .ui-widget-content a.closeLink { display:block; float:right; margin-top:7px;margin-right:14px; color:#34A1B8; position:relative; top:-10px; text-decoration:underline;}
#STCFeature .ui-widget-content a.closeLink:hover { text-decoration:none!important;}

#STCFeature a.addToGroup  {background: url('/Images/sendtocolleague/addIcon.gif') left center no-repeat; margin-right:10px;  color:#34A1B8; padding-left:12px;}
#STCFeature a.delGroup {background: url('/Images/sendtocolleague/deleteGroupIcon2.gif') left center no-repeat; padding-left:12px; color:#34A1B8;}

div#errMsg { padding-bottom:5px;}
#STCFeature .newEmail input, #STCFeature #addGroup input { border:1px solid #BDBDBD!impoetant; padding:3px; color:#6F6F6F; width:160px; margin-right:2px;}
#STCFeature #addGroup input {width:200px; float:left;}
#STCFeature table tr.tableHeading span { color:#939393;}
#STCFeature div#Stabs table td.emailAddress { padding-left:2px;}

#addGroupWrapper { clear:both; float:left; width:100%;}
#STCFeature #addGroupWrapper a#addGroupButton {float:left; background: url('/Images/sendtocolleague/addIcon.gif') left center no-repeat; color:#34A1B8; padding-left:12px; margin-top:5px; font-weight:bold; font-size: 13px;}
#STCFeature div#addGroup {float:left; margin-left:10px; }

/* Add Recipient Names */

#STCFeature #addRecipientName{ display:none;}

#STCFeature #namingTable{width:80%;}
#STCFeature #namingTable th { border:0;}
#STCFeature #namingTable th p { padding:3px 0 3px 7px; margin-bottom:10px; background:#F5F5F5;}
#STCFeature #namingTable td {padding:2px 0 2px 7px; font-size:12px; color:#3E3D3F; border:0;}
#STCFeature #namingTable input.recipientName { padding:2px; border:1px solid #BDBDBD;}
#STCFeature table#namingTable tr { border:0;}

#STCFeature #namingTableContainer{ max-height:237px; overflow:auto; }
/*  Help screen styling     */

#STCFeature #helpContainer {display:none; overflow:auto; height:519px;}
#STCFeature #helpContainer p, #STCFeature #helpContainer ol, #STCFeature #whatsThisContainer p { padding: 0 5px 0 5px; line-height:150%;}
#STCFeature #helpContainer h1, #STCFeature #whatsThisContainer h1 {border-bottom: 1px solid black; margin: 5px 0 10px 0;}
#STCFeature #helpContainer ol, #STCFeature #helpContainer li{ list-style:decimal outside !important;}
#STCFeature #helpContainer ol {margin-left:40px;}

#STCFeature .helpLink {color:#34A1B8;}

#STCFeature #whatsThisContainer h1{border-bottom:1px solid black;}