/******************************/
/*** GENERAL STYLE ELEMENTS ***/
/******************************/
@import url('/Root/System/Common/css/editmode.css');
/*** override Ext base css ***/
.snContainer p
{
  margin-top: 0;
  margin-bottom: 1em;
}
.snContainer em
{
  font-style: italic;
}
.snContainer strong, .snContainer th
{
  font-weight: bold;
}


html
{
  min-height: 100%;
  margin: 0;
  padding: 0;
}

.snClearfix:after
{
  content: ".";
  display: block;
  height: 0;
  zoom: 1;
  clear: both;
  visibility: hidden;
}
.snClearfix
{
  display: inline-block;
}
/* Hide from IE Mac \*/
.snClearfix
{
  display: block;
}
/* End hide from IE Mac */

.snHide
{
  display: none;
}

.snDialog
{
  position: absolute;
  left: 0;
  top: 0;
}

.snBody
{
  min-height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  color: #333;
  background: #fefefe url(../img/sn_bg.jpg) repeat-x scroll 0 100%;
}

.snContainer
{
  width: 980px;
  min-height: 100%;
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
}

.snHeader
{
  position: relative;
  width: 980px;
  height: 77px;
  margin: 0 0 18px 0;
  background: url(../img/bg_header.gif) 0 0 no-repeat;
}

/*** LOGO ***/
h1.snLogo
{
  position: absolute;
  top: 10px;
  left: 15px;
  margin: 0;
  width: 94px;
  height: 58px;
  background: url(../img/yourcompany.gif) 0 0 no-repeat;
}

h1.snLogo a
{
  display: block;
  width: 100%;
  height: 100%;
}

h1.snLogo a span, h1.SN_Logo a img
{
  display: none;
}

.snLeftCol
{
  float: left;
  display: inline;
  width: 193px;
  margin: 0 19px 0 0;
}
.snWideCol
{
  float: left;
  width: 768px;
}
.snCenterCol
{
  float: left;
  display: inline;
  width: 556px;
  margin: 0 19px 0 0;
  padding: 0;
}

.snCenterBox
{
  margin: 0;
}

.snCenterLeft
{
  float: left;
  display: inline;
  width: 268px;
  margin: 0 20px 0 0;
}

.snCenterRight
{
  float: left;
  width: 268px;
}

.snRightCol
{
  float: left;
  width: 193px;
}


/*** FOOTER ***/
.snFooter
{
  position: relative;
  width: 980px;
  height: 93px;
  margin: 0 0 5px 0;
  background: url(../img/bg_footer.gif) 0 0 no-repeat;
  color: #fff;
  font-size: 11px;
  clear: both;
}

.snFooter p
{
  margin: 18px 0;
  padding: 0 20px;
  border-right: 1px solid #66b1da;
  float: left;
}
.snFooter ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: absolute;
  top: 38px;
  left: 300px;
}
.snFooter ul li
{
  margin: 0 30px 0 0;
  padding: 0;
  display: inline;
  float: left;
}
.snFooter ul li a
{
  margin: 0;
  padding: 0;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
}
.snFooter ul li a:hover
{
  text-decoration: underline;
}


.snFooter a.snPortalengine
{
  position: absolute;
  display: block;
  top: 25px;
  right: 30px;
  background: url(../img/logo_portalengine.gif) 0 0 no-repeat;
  width: 115px;
  height: 39px;
}
.snFooter a.snPortalengine span
{
  display: none;
}
.snCopyright
{
  padding: 0 10px 10px 0;
  text-align: right;
  font-size: 10px;
  color: #666;
}
.snCopyright a
{
  text-decoration: none;
  color: #666;
}


/************************/
/***** SKIN ELEMENTS ****/
/************************/

/*** LINKS ***/
.snTextLink:link
{
  color: #007dc2;
  text-decoration: none;
}
.snTextLink:visited
{
  color: #000000;
  text-decoration: underline;
}
.snTextLink:hover
{
  color: #007dc2;
  text-decoration: underline;
}
.snTextLink:active
{
  color: #007dc2;
  text-decoration: none;
}

/*** ERROR ***/
.snErrorMsg
{
  background: #f00000;
  color: #fff;
  font-weight: bold;
  padding: 0 5px;
}

/*** CONTROLS ***/

/*** Input units ***/
fieldset.IUContainer
{
  border: 0;
  padding: 5px;
  margin: 0;
  font-size: 12px;
  font-family: Arial;
}

fieldset.IUContainer legend
{
  color: #000;
  font-weight: bold;
  font-size: 120%;
  padding: 0;
  margin: 0;
}

.InputUnit
{
  clear: both;
  padding: 5px;
}

.IULabel
{
  float: left;
  width: 200px;
  padding-right: 20px;
  margin-bottom: 5px;
}

.IULabelTitle
{
  font-weight: bold;
  font-size: 90%;
}

.IULabelDesc
{
  font-size: 90%;
}

.IUControl
{
  float: left;
  font-family: Arial;
  padding-bottom: 1.5em;
}

.IUControl input, .IUControl select, .IUControl textarea, .IUControl button
{
  margin-top: -3px;
}

.IUErrorMsg
{
  display: block;
  background: #f00000;
  color: #fff;
  font-weight: bold;
  padding: 2px;
}

.IUData
{
  border: 1px solid #ccc;
  font-size: 100%;
  color: #666;
  padding: 2px;
  font-family: Arial, Helvetica, sans-serif;
  background: #FFFFFF url(../img/inputbg.gif) repeat-x 0 0;
}
textarea.IUData
{
  height: 100px;
}

.IUTextField
{
  width: 250px;
}
.IUPassword
{
  width: 250px;
}
.IUDateField
{
  width: 80px;
}
.IUTimeHour
{
  width: 50px;
}
.IUTimeSec
{
  width: 50px;
}
.IUNumber
{
  width: 250px;
}
.IUCurrency
{
  width: 250px;
}

.IUNumberSymbol, .IUCurrencySymbol
{
  padding: 0 2px;
}

.IUSelect
{
  width: 255px;
}
.IUSelect optgroup
{
  font-style: normal;
}

.IUCheckboxGroup
{
}
.IURadioGroup
{
}
.IUCheckbox, .IURadio
{
  border: 0;
  background: none;
  padding: 0;
}

.IULink
{
}

.IUImagePreview
{
  display: block;
  border: 1px solid #ccc;
  background-color: #fafafa;
  padding: 5px;
}

.IUPreviewChooser
{
  position: relative;
  overflow: hidden;
}
.IUPreviewChooser .IULabel
{
  padding-bottom: 70px;
}

.InputUnit .previewPicHolder
{
  position: absolute;
  bottom: 1.5em;
  left: 0;
}



.snSubmit
{
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  background: #007dc2;
  border: 0;
  padding: 5px 10px;
}


/*** PORTLET ***/
.snPortlet
{
  margin: 0 0 18px 0;
  height: auto;
  position: relative;
  zoom: 1;
}

.snPtHeader
{
  background: #007dc2 none repeat scroll 0% 50%;
  height: 30px;
  margin: 0 0 5px;
  padding: 10px 17px 0;
  position: relative;
}


.snPtHeaderTL
{
  background: transparent url(../img/pt_head_arrow.gif) no-repeat scroll 0;
  bottom: -11px;
  display: block;
  font-size: 0;
  height: 11px;
  left: 37px;
  line-height: 0;
  position: absolute;
  width: 18px;
}


.snPtTitle
{
  color: #fff;
  font-size: 16px;
  letter-spacing: -0.05em;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.snPtBodyBorder
{
  background: #fff none repeat scroll 0%;
  border: 1px solid #ccc;
  margin: 0;
  padding: 5px;
}

.snPtBody
{
  background: transparent url(../img/ptbg_inner.gif) repeat-x scroll 0pt 100%;
  padding: 7px 13px 10px;
  zoom: 1;
}

.snPtFooter
{
  background: #DFDFDF none repeat scroll 0%;
  font-size: 0pt;
  height: 2px;
  line-height: 0pt;
  margin: 0pt 4px;
}

/*** BREADCRUMB ***/
.snBreadCrumbPortlet a
{
  color: #007dc2;
  text-decoration: none;
}

/*** QUICKSEARCH ***/
.snHeader .snQuickSearch
{
  position: absolute;
  top: 28px;
  left: 670px;
  background: none;
}
.snQuickSearch fieldset
{
  margin: 0;
  padding: 0;
  border: 0 none;
}

.snQuickSearch legend
{
  display: none;
}

.snQuickSearch_input
{
  background: #fff;
  color: #666;
  width: 199px;
  height: 17px;
  border: 1px solid #ccc;
  padding: 3px 10px 0 10px;
  font-size: 11px;
  margin: 0;
  vertical-align: middle;
}

.snHeader .snQuickSearch_input
{
  background: url(../img/bg_fastsearch_input.gif) #fff 0 0 no-repeat;
  color: #666;
  border: 0 none;
}

.snQuickSearch_submit
{
  width: 53px;
  height: 20px;
  border: 1px solid #ccc;
  margin: 0 0 0 3px;
  background: #fff;
  color: #666;
  cursor: pointer;
  vertical-align: middle;
}

.snHeader .snQuickSearch_submit
{
  background: url(../img/bg_fastsearch_button_en.gif) #fff 0 0 no-repeat;
  color: #fff;
  border: 0 none;
  line-height: 40px;
  overflow: hidden;
  text-align: left;
  font-size: 0px;
}


/*** SEARCH ***/
.snSearch
{
  margin-bottom: 1em;
}

.snSearch_input
{
  border: 1px solid #ccc;
  font-size: 100%;
  color: #666;
  padding: 2px;
  font-family: Arial, Helvetica, sans-serif;
  background: #FFFFFF url(../img/inputbg.gif) repeat-x 0 0;
  height: 14px;
  vertical-align: middle;
  margin-right: 10px;
  width: 300px;
}

.snSearch_submit
{
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  background: #007dc2;
  border: 0;
  padding: 0px 10px;
  height: 20px;
  vertical-align: middle;
}

.snSearchResult
{
  border-top: 1px solid #ccc;
  padding-top: 10px;
  margin-top: 10px;
}

.snSearchResult h2
{
  margin: 0;
  padding: 0;
  font-size: 100%;
}

.snSearchResult h2 a:link
{
  color: #007dc2;
  text-decoration: none;
}
.snSearchResult h2 a:visited
{
  color: #000000;
  text-decoration: underline;
}
.snSearchResult h2 a:hover
{
  color: #007dc2;
  text-decoration: underline;
}
.snSearchResult h2 a:active
{
  color: #007dc2;
  text-decoration: none;
}

/*** NAVIGATOR ***/
ul.snMenu, ul.snMenu ul, ul.snMenu li
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.snMenu li
{
  border-bottom: 1px solid #e7e7e7;
  display: block;
  width: 150px;
}

ul.snMenu li.snLast
{
  border-bottom: 0 none !important;
}

ul.snMenu li a
{
  color: #000000;
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding: 12px 7px 12px 8px;
  text-decoration: none;
  width: 135px;
}

ul.snMenu li a:hover
{
  color: #007dc2;
}

ul.snMenu li.snActiveMenu a, ul.snMenu li.snTraversal a
{
  background: #F2F2F2 none repeat scroll 0 50%;
}

ul.snMenu li ul li
{
  border-bottom: 0 none;
  border-top: 1px solid #E7E7E7;
}

ul.snMenu li ul li a
{
  color: #333;
  font-size: 11px;
  font-weight: normal;
  padding: 7px 7px 7px 10px;
  width: 133px;
}

ul.snMenu li ul li ul li
{
}

ul.snMenu li ul li ul li a
{
  width: 123px;
  padding: 5px 7px 5px 20px;
}
ul.snMenu li ul li ul li a:hover
{
  background: url(../img/arrow_right_blue.gif) 8px 11px no-repeat;
}


/*** FORMS ***/
.snFormTitle
{
  margin: 0 0 1em 0;
  padding: 0;
  font-size: 120%;
}

.snFormDesc
{
  margin-bottom: 1em;
}

.snFormComment
{
  font-size: 90%;
  padding: 0.5em 0 0.5em 5px;
  float: left;
  width: 220px;
}

.snFormButtons
{
  float: left;
}

/*** LOGIN ***/
.snLoginSheet { zoom:1 }

.snLoginText
{
  margin-bottom: 1em;
}

.snAdvancedLoginPortlet .snSubmit
{
  margin: 1em 0;
  vertical-align: middle;
}

.snAdvancedLoginPortlet .snTextLink
{
  text-decoration: none;
  font-weight: bold;
}

.snAdvancedLoginPortlet .IULabel 
{
	width: 65px;
	padding: 3px 0 0 0;
	margin: 0;
}


/************************/
/*** CONTENT ELEMENTS ***/
/************************/

.snContentTitle
{
  margin: 0 0 0.5em 0;
  padding: 0;
  color: #007dc2;
  font-size: 180%;
  font-weight: normal;
}

.snContentTitle a, .snContentDetails a
{
  color: #007dc2;
  text-decoration: none;
}

.snContentSubTitle
{
  margin: 0 0 1em 0;
  padding: 0;
  color: #007dc2;
  font-size: 130%;
  font-weight: bold;
}

.snContentPic
{
  border: 1px solid #ccc;
  margin: 0 10px 5px 0;
  padding: 5px;
  background: #fff;
  float: left;
}

.snContentHeader
{
  font-weight: bold;
  margin-bottom: 1em;
}

.snContentDetails
{
  text-align: right;
}


/*** QUERY CONTENTS ***/
.snContentQueryItem
{
  border-bottom: 1px solid #ccc;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}

.snContentQueryItem .snContentTitle
{
  font-size: 100%;
  margin: 0;
  font-weight: bold;
}

.snContentQueryItem .snContentHeader
{
  margin: 0;
  font-weight: normal;
}

.snContentQueryItem .snDetails
{
  text-align: right;
}

.snContentQueryItem .snDetails a
{
  text-align: right;
}

/*** TinyMCE styles ***/
.snContentRichText a:link
{
  color: #007dc2;
  text-decoration: none;
}
.snContentRichText a:visited
{
  color: #000000;
  text-decoration: underline;
}
.snContentRichText a:hover
{
  color: #007dc2;
  text-decoration: underline;
}
.snContentRichText a:active
{
  color: #007dc2;
  text-decoration: none;
}

.snSectionTitle
{
  font-size: 100%;
  margin: 1em 0;
  font-weight: bold;
  color: #007dc2;
}

.snContentPicLeft
{
  border: 1px solid #ccc;
  margin: 0 10px 5px 0;
  padding: 5px;
  background: #fff;
  float: left;
}

.snContentPicRight
{
  border: 1px solid #ccc;
  margin: 0 0 5px 10px;
  padding: 5px;
  background: #fff;
  float: right;
}

.snContentPicCenter
{
  border: 1px solid #ccc;
  margin: 10px auto;
  padding: 5px;
  background: #fff;
}

.snTableGrid
{
  border: 1px solid #ccc;
  margin: 10px auto;
  padding: 0;
  width: 100%;
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  color: #222;
}

.snTableGrid th, .snTableGrid td
{
  border: 1px solid #ccc;
}

.snTableGrid th
{
  background: #ccc;
}

.snSmallText
{
  font-size: 80%;
}
.snBigText
{
  font-size: 120%;
}

.defaultSkin .mceExternalToolbar
{
    z-index:1000;
}