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

/* ********************** */
/* ** Default Settings ** */
/* ********************** */

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

/*
color:      F7931D;  ACTAtek Oranage
color:      003366;  ACTAtek Blue
color:      A2C6EC;  Light Blue
color:      F6CC99;  Light Orange
color:      EFEFEF;  Light Gray
*/

body
{
    background:             #b6b7bc;
    font-size:              .80em;
    font-family:            "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin:                 0px;
    padding:                0px;
    color:                  #696969;
    overflow-x:             hidden;
}

a:link, a:visited
{
    color:                  #034af3;
}

a:hover
{
    color:                  #F7931D;
    text-decoration:        none;
}

a:active
{
    color:                  #034af3;
}

p
{
    margin-bottom:          10px;
    line-height:            1.6em;
}

hr
{
    clear:                  left;
}

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

/* ********************* */
/* ** Header Settings ** */
/* ********************* */

/* ------------------------------------------------------------------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6
{
    font-size:              1.5em;
    color:                  #666666;
    font-variant:           small-caps;
    text-transform:         none;
    font-weight:            200;
    margin-bottom:          0px;
}

h1
{
    font-size:              1.6em;
    padding-bottom:         0px;
    margin-bottom:          0px;
}

h2
{
    font-variant:           normal;
    font-size:              1.5em;
    font-weight:            600;
}

h3
{
    font-size:              1.2em;
}

h4
{
    font-size:              1.1em;
}

h5, h6
{
    font-size:              1em;
}

/* This rule styles <h1> and <h2> tags that are the first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top:             0px;
}

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

/* ********************************* */
/* ** Master Page Layout Settings ** */
/* ********************************* */

/* ------------------------------------------------------------------------------------------------------------------------ */
#MasterPageForm
{
    width:                  100%;
    background-color:       #fff;
    margin:                 20px auto 0px auto;
    border:                 1px solid #496077;
}

.header
{
    position:               relative;
    margin:                 0px;
    padding:                0px;
/*  background:             #6495ED; */
    background:             #82B3E8 url(../images/bg_header.png) top left repeat-x;
    width:                  100%;
}

.header h1
{
    font-weight:            700;
    margin:                 0px;
    padding:                0px 0px 0px 20px;
    color:                  #f9f9f9;
    border:                 none;
    line-height:            4em;
    font-size:              2em;
}

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

/* ************************************** */
/* ** Master Page Menu Layout Settings ** */
/* ************************************** */

/* ------------------------------------------------------------------------------------------------------------------------ */
#Master_Menu
{
    padding:                0px 10px;
    margin:                 10px 0px 0px 0px;
    min-height:             460px;
    width:                  300px;
    position:               static;
    background:             #FFFFFF;
    float:                  left;
}

.sidebar
{
    width:                  100%;
    margin-bottom:          10px;
}

.sidebarheader
{
    height:                 24px;
    padding:                10px 0 0 10px;
    background:             url(../Images/sidebar_header.png) no-repeat left top;
    background-size:        100% 100%;
    color:                  #FFF;
    font-family:            Arial, Sans-Serif;
    font-size:              1.2em;
    font-weight:            bold;
    text-transform:         uppercase;
}

.sidebarcontent
{
    border:                 1px solid #0F2543;
    padding:                5px 10px 10px 5px;
    line-height:            1.5em;
    font-weight:            bold;
    min-height:             455px;
}

.sidebarcontent a
{
    padding:                0px 0px 0px 0px;
    color:                  #737373 ;/* #5377A9; */
    text-decoration:        none;
}

.sidebarcontent a:hover
{
    background-color:       #737373;
    color:                  #FFF;
}

.sidebarcontent a:visited
{
    font-weight:            normal;
}

.sidebarFootor
{
    background:             #fff url('../Images/bg-sidebar-footer.png') repeat-x left bottom;
    height:                 10px;
    margin-left:            0px;
    clear:                  left;
    width:                  215px;
}

.Logo_Content
{
/*  padding:                5px 5px 5px 5px;
    margin-top:             0px;
    margin-bottom:          10px;
    height:                 200px;
    line-height:            1.5em;
    font-weight:            bold; */
    clear:                  left;
}

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

/* ************************************************* */
/* ** Master Page Menu Collapsible Panel Settings ** */
/* ************************************************* */

/* ------------------------------------------------------------------------------------------------------------------------ */
.collapsePanel
{
    background-color:       white;
	overflow:               hidden;
	width:                  280px;
	clear:                  left;
	float:                  left;
	margin-right:           20px;
	padding-left:           2px;
    Height:                 0px;
}

.collapsePanelHeader
{
    width:                  280px;
    height:                 30px;
    margin-right:           20px;
    padding-left:           2px;
    background:             url(../Images/bg-menu-header.png) bottom left repeat-x;
/*  color:                  #4b6c9e; */
    color:                  #FFF;
}

.collapsePanelFooter
{
    width:                  292px;
    background:             url(../Images/bg-menu-footer2.png) #fff bottom left repeat-x;
    height:                 15px;
    margin-left:            -12px;
    clear:                  left;
}

.menuItemArea
{
    padding:                5px;
    cursor:                 pointer;
    vertical-align:         middle;
}

.menuItemHeader
{
    float:                  left;
    margin-left:            5px;
}

.menuItemIcon
{
    float:                  right;
    vertical-align:         middle;
}

.menuItemLabel
{
    float:                  left;
    margin-left:            2px;
    font-weight:            normal;
}

.menuChildItem
{
    background:             url(../Images/bg-menu-childItem.png) #fff no-repeat left top;
    float:                  left;
    vertical-align:         middle;
    width:                  190px;
    height:                 20px;
    margin-left:            0px;
    margin-top:             3px;
    padding-left:           5px;
    font-weight:            normal;
    color:                  #737373;
}

.menuChildIcon
{
    float:                  left;
    width:                  20px;
    height:                 20px;
    margin-top:             3px;
    clear:                  left;
    background:             #8FBCE9;
}

.menuItemIconImage
{
    padding:                0px;
    vertical-align:         top;
    width:                  20px;
    height:                 20px;
}

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

/* ***************************************** */
/* ** Master Page Content Layout Settings ** */
/* ***************************************** */

/* ------------------------------------------------------------------------------------------------------------------------ */
#Master_Content
{
    padding:                0px 12px;
    margin:                 52px 0px 0px 0px;
    margin-left:            310px;
    min-height:             460px;
/*    float:                  left; */
    background:             #FFFFFF;
/*    width:                  675px; */
}

#master_contentheader
{
    height:                 10px;
    background:             url(../images/rightcoltop2.png) no-repeat center center;
    background-size:        100% 100%;
}

#master_contentplaceholder
{
    padding:                5px 10px 20px 10px;
    border-left:            1px solid #0F2543;
    border-right:           1px solid #0F2543;
    border-bottom:          1px solid #0F2543;
    background-color:       #EFEFEF;
    line-height:            1.5em;
    min-height:             590px;
}

#master_contentfooter
{
    clear:                  both;
    padding:                10px 0px 15px 10px;
    color:                  #333;
    font-size:              0.9em;
    letter-spacing:         0.2em;
}

.mainNoLogin
{
    padding:                0px 12px;
    margin:                 12px 8px 8px 8px;
    min-height:             460px;
    background:             #F0FFFF;
}

.leftCol
{
    padding:                6px 0px;
    margin:                 12px 8px 8px 8px;
    width:                  200px;
    min-height:             200px;
}

.footer
{
    color:                  #4e5766;
    padding:                8px 0px 0px 0px;
    margin:                 0px auto;
    text-align:             center;
    line-height:            normal;
}

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

/* ****************** */
/* ** Tab Settings ** */
/* ****************** */

/* ------------------------------------------------------------------------------------------------------------------------ */
div.hideSkiplink
{
    background:             url(../Images/bg_gradient-menu.png) #5D88C1 bottom left repeat-x;
    width:                  100%;
    padding:                0px 0px 0px 0px;
/*  height:                 40px; */
}

div.hideSkiplinkTab
{
    background:             url(../Images/bg_gradient-menu.png) #5D88C1 bottom left repeat-x;
    width:                  100%;
    padding:                0px 0px 0px 0px;
/*  height:                 40px; */
}

#tabsF
{
    float:                  left;
    width:                  100%;
/*  background:             #efefef; */
    background:             url(../Images/bg_gradient-menu.png) #5D88C1 bottom left repeat-x;
    font-size:              100%;
    line-height:            normal;
    border-bottom:          1px solid #666;
    padding-bottom:         10px;
    clear:                  left;
}

#tabsF ul
{
    margin:                 0;
    padding:                10px 0px 0px 5px;
    list-style:             none;
}

#tabsF li
{
    display:                inline;
    margin:                 0;
    padding:                0;
}

#tabsF a
{
    float:                  left;
    background:             url("../Images/tableftF.gif") no-repeat left top;
    margin:                 0;
    padding:                0 0 0 4px;
    text-decoration:        none;
}

#tabsF a span
{
    float:                  left;
    display:                block;
    background:             url("../Images/tabrightF.gif") no-repeat right top;
    padding:                5px 15px 4px 6px;
    color:                  #666;
}

#tabsF a span
{
    float:                  none;
}

#tabsF a:hover span
{
    color:                  #FFF;
}

#tabsF a:hover
{
    background-position:    0% -42px;
}

#tabsF a:hover span
{
    background-position:    100% -42px;
}

div.menu
{
    padding:                4px 0px 4px 8px;
}

div.menu ul
{
    background:             url(../Images/but.png) #fff bottom left repeat-x;
    list-style:             none;
    margin:                 0;
    padding:                0px;
    width:                  auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background:             url(../Images/but.png) #fff bottom left repeat-x;
/*  background-color:       #465c71; */
    background-color:       #FFFFFF;
    border:                 1px #4e667d solid;
/*  color:                  #dde4ec; */
    color:                  black;
    display:                block;
    line-height:            1.35em;
    padding:                4px 20px;
    text-decoration:        none;
    white-space:            nowrap;
}

div.menu ul li a:hover
{
    background:             url(../Images/but2.png) #fff top left repeat-x;
/*  background-color:       #bfcbd6; */
    background-color:       white;
/*  color:                  red; */
    color:                  #FFFFFF;
    text-decoration:        none;
}

div.menu ul li a:active
{
    background:             url(../Images/but.png) #fff bottom left repeat-x;
    background-color:       white;
/*  color:                  #465c71; */
    color:                  #cfdbe6;
    text-decoration:        none;
}

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

/* *************************** */
/* ** Form Element Settings ** */
/* *************************** */

/* ------------------------------------------------------------------------------------------------------------------------ */
fieldset
{
    padding:            1em;
    border:             1px solid #ccc;
}

fieldset p
{
    margin:             2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display:            block;
}

fieldset label.inline
{
    display:            inline;
}

legend
{
    font-size:          1.1em;
    font-weight:        600;
    padding:            2px 4px 8px 4px;
}

input.textEntry
{
    border:             1px solid #ccc;
}

input.passwordEntry
{
    border:             1px solid #ccc;
}

div.accountInfo
{
    width:              100%;
}

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

/* ******************* */
/* ** MISC Settings ** */
/* ******************* */

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

.title
{
    display:            block;
    float:              left;
    text-align:         left;
    width:              auto;
}

.loginDisplay
{
    font-size:          1.1em;
    display:            block;
    text-align:         right;
    padding:            10px;
    color:              White;
}

.loginDisplay a:link
{
    color:              white;
}

.loginDisplay a:visited
{
    color:              white;
}

.loginDisplay a:hover
{
    color:              white;
}

.failureNotification
{
    font-size:          1.2em;
    color:              Red;
}

.bold
{
    font-weight:        bold;
}

.submitButton
{
    text-align:         right;
    padding-right:      10px;
}

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

/* ********************************** */
/* ** Content Page Layout Settings ** */
/* ********************************** */

/* ------------------------------------------------------------------------------------------------------------------------ */
.box
{
    background:         #FFFFFF;
}

.boxtop
{
    background:         #9AC2EB url(../images/ne3.gif) no-repeat top right;
}

.boxtop div
{
    background:         url(../images/nw3.gif) no-repeat top left;
    font-size:          0;
    height:             6px;
/*    clear:              both; */
}

.boxtopHeader
{
/*  background:         #3A4F63   background: url(../images/bg-main.png) no-repeat top left; */
    background:         url(../images/bg-main2.png) #fff bottom left repeat-x;
    padding-left:       10px;
    padding-bottom:     3px;
    padding-top:        3px;
    color:              #3A4F63;
    font-family:        Arial, Sans-Serif;
    font-size:          1.2em;
    font-weight:        bold;
    text-transform:     uppercase;
    min-height:         20px;
}

.boxbottom
{
    background:         url(../images/se2.gif) no-repeat bottom right;
}

.boxbottom div
{
    background:         url(../images/sw2.gif) no-repeat bottom left;
    font-size:          0;
    height:             6px;
/*    clear:              both; */
}

.boxseperator
{
    background:         url(../Images/bg-main3.png) #fff bottom left repeat-x;
    min-height:         20px;
}

.boxcontent
{
    padding:            8px 8px 8px 8px;
    min-height:         600px;
    overflow:           auto;
    width:              auto;
}

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

/* ******************* */
/* ** Icon Settings ** */
/* ******************* */

/* ------------------------------------------------------------------------------------------------------------------------ */
.formIconHead
{
    background:         url(../Images/bg-nav.png) #fff top left repeat-x;
    color:              #3A4F63;
    padding:            5px 0px 0px 5px;
    font-family:        Arial, Sans-Serif;
    font-size:          1.1em;
    font-weight:        bold;
    clear:              both;
}

.formIconSection
{
    color:              #3A4F63;
    font-family:        Arial, Sans-Serif;
    width:              70px;
    height:             100px;
    float:              left;
    padding:            0px 0px 0px 12px;
}

.formIconImage
{
    float:              left;
    width:              50px;
    height:             50px;
    margin-top:         3px;
    clear:              left;
/*  background:         #8FBCE9; */
    background:         #FFFFFF;
}

.formIconSectionAccessManager
{
    color:              #3A4F63;
    font-family:        Arial, Sans-Serif;
    width:              60px;
    height:             85px;
    float:              left;
    padding:            0px 0px 0px 12px;
}

.formIconImageAccessManager
{
    float:              left;
	width:              50px;
	height:             40px;
	margin-top:         3px;
	clear:              left;
/*  background:         #8FBCE9; */
	background:         #FFFFFF;
	text-align:         left;
}