/* ----------- Importing External Stylesheets ------------- */

 @import url('/ua-templates/templates/css/uaf-banner.css');
 @import url('/ua-templates/templates/css/template3/template3.css');
 @import url('/ua-templates/templates/css/template4/template4.css');

  #SWbanner-container  {
  display:block;
  background-image: url(/ua-templates/templates/images/swbanner/mainbg.png);
  background-repeat: repeat-x;
  padding: 0 5% 0 5%;
  border-bottom:#369 1px solid;
  background-color:#092974;
  }
  .sw-logo {
  display:block;
  float:left;
  }
  
  .sw-title {
  display:block;
  float:right;
  }

  #ua-site-tittle-sw {
  clear:both;
  color:#FFFFFF;
  font-family:Times New Roman;
  font-size:2.7em;
  padding:40px 40px 30px;
  text-align:right;
  }

  .clearfix {
clear:both;
}


body {
	margin: 0;
	padding: 0;
	font-family: verdana, serif;
	color: #333333;
	font-size:0.7em;
}


/* ------ ------------------------------------------ */

a:link, a:visited, a:active {
	color:		#2b5499;
}
a:hover {
	color: 		#FF3300;
}
#search div.column-box {
	background-color: transparent;
	font-size: 9 Verdana, Arial, Helvetica, sans-serif;
}

/* --------------- Header Styles --------------------------*/
h1 {
	font-size: 140%;
}
h2 {
	font-size: 125%;
}
h3 {
	font-size: 115%;
}
h4 {
	font-size: 100%;
}

/* Custom Menu Title Styles */

.menutitle {
 color:#333333;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-weight:bold;
margin:0;
padding:10px;
width:100%;
}


.clearfix {
clear:both;
}
/* --------------- Header --------------------------*/

#ua-banner {
    border-bottom: 1px solid #ffffff;
    padding: 0 0px;
}
#ua-site-tittle {
    padding:30px 20px 20px;
    text-align: right;
    clear:both;
    font-size: 2em;
    font-weight: bold;
}

#ua-site-tittle-sw {
    clear:both;
    color:#FFFFFF;
    font-family:Times New Roman;
    font-size:2.5em;
    padding:40px 20px 30px;
    text-align:right;
}

.ua-breadcrumbs {
    clear: left;
    padding:5px;
    
}
.ua-tools {
    padding: 5px 10px 5px 10px;
    border-bottom:1px solid #888888;
    clear:both;
}

div#tools {
    padding:4px;
    display:none;
}


.ua-main-photo {
}

.ua-top-photo {
    height:185px;
    width:100%;
    float:left;
    clear: both;
    border-bottom:1px solid #888888;
    overflow: hidden;
}
.photo-container {
    display:block;
    clear:both;
}
/* -------  Overriding Roxen styles for General Layout ----- */

.page-content {
    padding: 10px;
    clear: both;
}
div#page-container {
    margin: 5px 0pt 0pt;
    width: 100%;
}
div#content {
    width: 75%;
    padding:0px;
}
div#left-column {
    width: 20%;
}
#ua-container {
    clear:both;
    width:100%;
}

#site-container {
}

.ua-photo {
    clear: right;
}

/* ---- Overriding Roxen styles for top navigation -- */

#ua-nav-top {
    background-color:#999999;
    clear:both;
    height:18px;
}

div#navigation-top-1 ul, div#navigation-top-2 ul {
float:left;
}


div#navigation-top {
    height:18px;
}
div#navigation-top-1 {
}
div#navigation-top-2 {
}
div#navigation-top-1 {
    background-color:#999999;
    border-bottom:1px solid #FFFFFF;
    padding-left:0px;
    height: 20px;
}
div#navigation-top-2 {
    background-color:#E2E9EF;
    border-bottom:1px solid #FFFFFF;
    padding-left:0px;
    height: 20px;
}
div#navigation-top-1 ul li a {
    background-color: #999999;
    color: #ffffff;
    padding:3px 10px;
}
div#navigation-top-2 ul li a {
    background-color: #E2E9EF;
    color: #666666;
    padding:3px 10px;
}
div#navigation-top-1 ul li.selected a, div#navigation-top-2 ul li.selected a, div#navigation-top-1 ul li a:hover, div#navigation-top-2 ul li a:hover {
    background-color:#C7D5DA;
    color: #666666;
}
div#navigation-top-1 ul li.selected a, div#navigation-top-2 ul li.selected a {
    font-weight: bold;
}
.ua-tittle {
    background: #cccccc;
    float:left;
    padding-left: 10px;
    width:30%;
}
.ua-tittle2 {
    background: #cccccc;
    float:left;
    padding-left: 10px;
    width:100%;
}
.ua-section-title {
    color:#000000;
    float:left;
    font-size:16px;
    padding:5px 0px 0px 10px;
    clear:left;
}
.ua-section-title a {
    text-decoration: none;
}
.ua-section-title a:link {
    color:#000000;
}
.ua-section-title a:visited {
    color: #000000;
}
.ua-section-title a:hover {
    color:#999999;
}


/*--------------- LEFT MENU Styles ----------------------- */


.content-left {
}

.site-menu, .folder-menu, {
    margin-bottom: 10px;
    padding-right: 5px;
    margin:0;
}
#site-menu-inner, #folder-menu-inner, .ua-custom-menu ul {
    padding-left:0;
    margin:0;
}
.ua-custom-menu ul {
    padding-left:0;
    margin:0;
}
.ua-sidebar-menu {
    padding: 0;
    clear:both;
}
/* hides styles for menu "edit menu" */
div > a[class=edit-menu-links-no-style] {
    background-image: none;
    display: inline;
    border-bottom: none;
    padding: 5px 5px 5px 0px;
}

/*edit menu cannot be overwritten */

.roxen-edit-marker-on {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(/roxen-files/cms-images/button_edit_comp.gif) no-repeat scroll left top ! important;
    display:block;
    height:13px;
    position:absolute;
    visibility:visible;
    width:28px;
    z-index:1;
}



/* Styles for a custom site  menu */

.ua-custom-menu {
    padding: 0px;
    border: 1px solid #808080;
    border-top: 0px;
    margin-top: 5px;
    background: #FFFFFF;
}
.ua-custom-menu li {
    list-style: none;
    margin: 0px;
    border: 0px;
    border-top: 1px solid #808080;
    color: #333333;
}
.ua-custom-menu li a {
    display: block;
    padding: 5px 10px 5px 15px;
    border: 0px;
    border-left: 10px solid #aaaabb;
    background: #FFFFFF; /* menu color */
    text-decoration: none;
    text-align: left;
}
.ua-custom-menu li a:link {
    color: #333333;
}
.ua-custom-menu li a:visited {
    color: #333333;
}
.ua-custom-menu li a:hover {
    border-color: #ff9000;
    color: #000000;
    background: #CEDCEF;
}
/* end custom menu */





/* Folder Menu Styles */

.ua-folder-menu ul {
    margin-left:0px;
    list-style: none;
    margin-left: 0px;
    padding: 0px;
}
.ua-folder-menu ul ul {
    margin-left: 10px;
    margin-right:5px;
}
.ua-folder-menu ul ul ul {
    margin-left: 15px;
}
.ua-folder-menu li {
    margin: 0px;
    border: 0px;
    width: 100%;
    \width: 100%;
    w\idth: 100%;
}
.ua-folder-menu a {
    color: black;
    display: block;
    padding: 5px 0px 5px 15px;
    text-decoration: none;
    border-bottom: 1px solid #eeeeee;
}
.ua-folder-menu li.normal a {
    background-color:white;
    border-bottom:1px solid #EEEEEE;
    color:black;
    display:block;
    text-decoration:none;
}
.ua-folder-menu li.selected a {
    background-color:#ffffff;
    border-bottom:1px solid #EEEEEE;
    display:block;
    text-decoration:none;
}
.ua-folder-menu ul li a {
    background-image:url(/ua-templates/templates/css/images/arrow4.gif);
    background-position: 1.5% center;
    background-repeat:no-repeat;
    font-weight:bold;
    color:#CC3300;
}
.ua-folder-menu ul li.selected a {
    font-weight:bold;
}
.ua-folder-menu ul li.normal a {
    padding-right:5px;
}
.ua-folder-menu ul ul li a {
    background-image: none;
    font-weight:bold;
    color:#333333;
}
.ua-folder-menu ul ul li.normal a {
    color:#333333;
}
.ua-folder-menu ul ul li.selected a {
    font-weight:bold;
    background-color:white;
    color: #003366;
    border-top: 0px;
}
.ua-folder-menu ul ul ul li.selected a {
    color: #333333;
}
.ua-folder-menu ul ul ul li.normal a {
    background-image: none;
    font-weight:normal;
    color: #333333;
}
/* Hover Styles */

.ua-folder-menu ul li a:hover {
    color: #888888;
    background-color: #FFFFFF;
}
.ua-folder-menu ul ul li.normal a:hover {
    color: #888888;
}
.ua-folder-menu ul ul ul li.normal a:hover {
    color: #888888;
}
.ua-folder-menu a:hover {
    color: #888888;
    background-color: #FFFFFF;
}
/* Site Menu Styles */

.ua-site-menu ul {
    list-style: none;
    margin-top: 10px;
    padding: 0px;
    border: none;
}
.ua-site-menu ul ul {
    margin-left: 15px;
}
.ua-site-menu ul ul ul {
    margin-left: 20px;
}
.ua-site-menu li {
    margin: 0px;
    padding: 0px;
}
.ua-site-menu a {
    color: black;
    display: block;
    border-bottom: 1px solid #336699;
    padding: 3px 0px 3px 15px;
    text-decoration: none;
    width: 100%;
    \width: 100%;
    w\idth: 100%;
}
.ua-site-menu li.selected a {
    color: white;
    display: block;
    border-bottom: 1px solid #336699;
    padding: 3px 0px 3px 15px;
    text-decoration: none;
    background-color: #336699;
}
.ua-site-menu li.normal a {
    color: black;
    display: block;
    border-bottom: 1px solid #336699;
    padding: 3px 0px 3px 15px;
    text-decoration: none;
    background-color: white;
}
.ua-site-menu li a:hover {
    color: black;
    background-color: #ffcc66;
}
.ua-sidebar-menu {
    padding: 0;
}



/* Styles for a custom ua-custom-menu-top-left-column */

.ua-custom-menu-top-left-column ul {
    padding-left:0;
    margin:0;
}

.ua-custom-menu-top-left-column {
    padding: 0px;
    border: 1px solid #808080;
    border-top: 0px;
    margin-top: 5px;
    background: #FFFFFF;
}
.ua-custom-menu-top-left-column li {
    list-style: none;
    margin: 0px;
    border: 0px;
    border-top: 1px solid #808080;
    color: #333333;
}
.ua-custom-menu-top-left-column li a {
    display: block;
    padding: 5px 10px 5px 15px;
    border: 0px;
    border-left: 10px solid #aaaabb;
    background: #FFFFFF; /* menu color */
    text-decoration: none;
    text-align: left;
     width: 100%;
    \width: 100%;
    w\idth: 100%;
}
.ua-custom-menu-top-left-column li a:link {
    color: #333333;
}
.ua-custom-menu-top-left-column li a:visited {
    color: #333333;
}
.ua-custom-menu-top-left-column li a:hover {
    border-color: #ff9000;
    color: #000000;
    background: #CEDCEF;
}

.ua-folder-menu .ua-custom-menu-top-left-column ul li a  {
background-image: none;
}

/* end custom menu */





/* FOLD LIST MENU */

.foldlist-title {
    padding-left:5px;
}

.ua-fold-menu {
    color:#336699;
    font-size:16px;
    list-style-type:none;
    margin:0;
    padding-left:10px;
    border-top:1px solid #E5ECF9;
}

.ua-fold-menu ul {
    list-style: none;
    margin-top: 10px;
    padding: 0px;
    border: none;
}

.ua-fold-menu ul li a {
    font-size:smaller;
    padding:2px 2px 2px 0px;
}

.ua-fold-menu a:link {
    text-decoration:none;
}

.ua-fold-menu a:visited {
    text-decoration:none;
}


/* Style for menu dividers */


li.divider_0 span, li.divider_1 span, li.divider_2 span, li.divider_3 span {
    background:none repeat scroll 0 0 transparent;
    color:#003366;
    font-family:Arial,Helvetica,sans-serif;
    font-size:95%;
    font-weight:bold;
    line-height:1.7em;
    margin:0;
    padding-left:10px;
    text-transform:uppercase;
}


li.divider_0, li.divider_1, li.divider_2, li.divider_3  {
    background:none repeat scroll 0 0 transparent;
    padding:5px;
    margin-top:-1px;
}

/* COLUMNS */


.two-columns, .three-columns {
    margin-bottom: 10px;
}
.two-columns .column-one {
    float: left;
    width: 45%;
    border-right: 1px solid #cccccc;
    padding-right: 10px;
    padding-bottom:10px;
}
.two-columns .column-two {
    float: left;
    width: 45%;
    margin-left: -1px;
    border-left: 1px solid #cccccc;
    padding-left: 10px;
    padding-bottom:10px;
}
.three-columns .column-one {
    float: left;
    width: 30%;
    border-right: 1px solid #cccccc;
    padding-right: 10px;
    padding-bottom:10px;
}
.three-columns .column-two {
    float: left;
    width: 30%;
    margin-left: -1px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom:10px;
}
.three-columns .column-three {
    float: left;
    width: 30%;
    margin-left: -1px;
    border-left: 1px solid #cccccc;
    padding-left: 10px;
    padding-bottom:10px;
}

/* ------ Centering text component -------*/
div.center-text {
    text-align: center;
}


.left-column-area a {
padding: 0px 0px 8px 0px;
border-bottom:0px;
}


/* ------ UA LOGIN Styles -------*/


.ua-dologin {
    padding-bottom:100px;
    text-align:center;
}
.ua-login {
    padding:10px 10px 0px;
    clear:both;
    font-size:12px;
}
.ua-login a:link {
    background-color:#336699;
    color:#FFFFFF;
    padding:4px;
    text-decoration:none;
    font-size:90%;
}
.ua-login a:visited {
    background-color:#336699;
    color:#FFFFFF;
    padding:4px;
    text-decoration:none;
}
.ua-login a:hover {
    background-color: #333333;
    color: #ffffff;
}

.ua-login-edit {
    font-size:13px;
}

.ua-login-edit a:link {
    background-color:#CC0000;
    color:#FFFFFF;
    text-decoration:none;
}
.ua-login-edit a:visited {
    background-color:#CC0000;
    color:#FFFFFF;
    padding:4px;
    text-decoration:none;
}
.ua-login-edit a:hover {
    background-color: #000000;
    color: #ffffff;
}


.edit-mode-box {
    background-color: #eeeeee;
    border:1px #999999 dashed;
    padding: 0px 10px 0px 10px;
}

.edit-mode-box p{
    padding:2px;
}

#edit-mode h3 {
    border-bottom:1px solid #CCCCCC;
    font-size:12px;
    padding-bottom:10px;
}

/* ----------- */

.left-column-area {
padding: 10px;
}


.ua-powered {
    padding-top: 20px;
    padding-bottom:10px;
    valign: bottom;
}
.ua-search {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ua-search .ua-folder-menu a {
display: inline;
border: 0px;
}

.ua-search a {
border-bottom:0 none;
float:left;
}

.ua-search input {
margin-left:5px;
padding-left:5px;
}

.break {
    clear: both;
}
div.footer-component {
    padding:10px;
}


/* ---------- UAF FOOTER -------*/

.footertext {
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
}
a.footer-link {
    color: #999999;
    text-decoration: underline;
}
a.footer-link:hover {
    color:#6699CC;
    text-decoration:none;
}
#ua-footer {
    clear: both;
    background-color: #ffffff;
    text-align: right;
    border-top: 1px solid #CCCCCC;
    padding:10px;
}
/* Styles for forms */

form .component-spacing {
 
}
form p {
    font-size: 12px;
}
.foldlistTitle {
    font-weight:bold;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.rxml-component{
    clear:both;
}

div.table-component {
padding-bottom:10px;
}


/* ------- styles for DisplayMedia ------- */
.displayClassic {
    display:none;
}

.displayMobile {

}

.displayMobile a{
    padding: 10px;
    background:#FFCC66;
    font-size: 150%;
    line-height:2em;
}
.displayMobile a:link{
    text-decoration: none;
    color:black;
}

.displayMobile a:visited{
    text-decoration: none;
    color:black;
}

.displayMobile a:active{
    text-decoration: none;
    color:violet;
}

/* ---------- UA Foldlist link-------*/

.href-list-component a:link {
    text-decoration:none;
}
.href-list-component a:visited{
    text-decoration:none;
}
.href-list-component a:active{
    text-decoration:none;
}

/* misc --- */
.ua-hide {
display: none;
}

.toggleHeader {
 padding: 0 0 0 20px !important; 
}

.file-component {
padding: 5px 0 5px 0;
}