/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #ffffff;
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

a:link
{
    /*color: #034af3;*/
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

p, ul
{
 margin-bottom: 10px;
      /* line-height: 1.6em;*/
             
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #0c8041;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

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

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background-color:#ffffff;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #0e5ca2;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

#main
{
    border: solid 1px #a2c8df;
    padding: 5px 30px 15px 30px;
    background-color: #ffffff;
    margin-bottom: 30px;
   /* _height: 1px;*/ /* only IE6 applies CSS properties starting with an underscrore */
    position:relative;
}

#footer
{
    color: #999;
    padding: 5px 0;
    .padding: 5px 0px 10px 0px;
    line-height: normal;
    height: 30px;
    
   /* margin: 0;*/
    clear: both;
}

/* TAB MENU   
----------------------------------------------------------*/
#menucontainer
{
    height: 25px;
}

#menucontainer a, #menucontainer a:visited
{
    text-decoration: none;
    display: inline-block;
    border: solid 1px #a2c8df;
    border-bottom: none;
    padding: 5px 10px 5px 10px;
    background-color: #e8eef4;
}

#menucontainer a:hover
{
    background-color: #a2c8df;
    color: #055396;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset
{
    margin: 0 0 0 0;
    padding: none;
    border: none; /*1px solid #CCC;*/
}

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

fieldset label
{
    display: block;
}

fieldset label.inline
{
    display: inline;
}

legend
{
    color: #0c8041;
    font-size: medium;
    font-weight: bold;
    padding: 2px 4px 8px 4px;
}

input[type="text"]
{
    width: 300px;
    border: 1px solid #CCC;
}

input[type="password"]
{
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table
{
    border: solid 1px #a2c8df;
    border-collapse: collapse;
}

table td
{
    padding: 3px;
    border: solid 1px #a2c8df;
    vertical-align: top;
}



table th
{
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #a2c8df;
}

.actions_long
{
    width: 120px;
}
.actions_short
{
    width: 80px;
}

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

.error
{
    color: Red;
}

div#title
{
    display: inline; /*float:left;*/
    text-align: left;
}

#logindisplay
{
    font-size: 1.1em;
    display: inline;
    float: right;
    text-align: right;
    margin: 10px;
    color: #0e5ac2;
}

#logindisplay a:link
{
    color: #0e5ac2;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: #0e5ac2;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: #0e5ac2;
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

select
{
    width: 300px;
    border: 1px solid #CCC;
}

#Markup
{
    height: 600px;
    width: 600px;
}

a.tooltip, a.published, a.unpublished, a.toggleError, a.delete, a.previous_link, a.first_link, a.next_link, a.last_link
{
    margin-left: 5px;
    display: inline-block;
    height: 16px;
    width: 16px;
}

a.previous_link, a.first_link, a.next_link, a.last_link
{
    margin-left: 2px;
}

.published
{
    background-image: url(/images/PublishToWebHS.png);
    color: Navy;
}

.unpublished
{
    background-image: url(/images/UnPublishToWebHS.png);
    color: #6C6C6C;
}

.unindexed
{
    background-color: #FEF3F4;
   text-decoration: underline;
   }

a.tooltip
{
    background-image: url(/library/images/ui/help.gif);
}

a.toggleError
{
    background-image: url(/library/images/ui/exclaimation.jpg);
}
a.delete
{
    background-image: url(/images/DeleteHS.png);
}

.previous_link
{
    background-image: url(/images/DataContainer_MovePreviousHS.png);
}

.first_link
{
    background-image: url(/images/DataContainer_MoveFirstHS.png);
}
.next_link
{
    background-image: url(/images/DataContainer_MoveNextHS.png);
}
.last_link
{
    background-image: url(/images/DataContainer_MoveLastHS.png);
}

.btnLink { background-repeat:no-repeat; width:16px; height:16px; display:inline-block;}

.paging_info
{
    display: inline-block;
    width: 50%;
    text-align: center;
}


/* Easy Tooltip */
#easyTooltip
{
    padding: 5px 10px;
    border: 1px solid #195fa4;
    background: #195fa4 url(/images/bg.gif) repeat-x;
    background-image: url(/images/ui-bg_glass_75_0c8041_1x400.png);
    color: #fff;
    width: 250px;
}


/* Site Structure */
#SiteMapKey
{
    position:absolute;
    right: 20px;
    background-color:#ffffff;   
    border: dotted 1px #c2c2c2;
    padding: 0px 5px 5px 5px;
    width: 250px;
}

#SiteMapKey h3
{
    border-bottom: dotted 1px #a2c8df;
    padding-left: 3px;
}
#SiteMapKey .sitetoplevel
{
    font-size: small;
}

#SiteMapKey ul
{
    list-style: none;
}
#SiteMapKey ol > li
{
    padding: 2px;
}

.treeview
{
    margin-bottom: 3em;
    width: 50%;
}
.ui-tree-handler
{
    padding-right: 0.3em;
    text-decoration: none;
}

a.ui-tree-expand, a.ui-tree-collapse
{
    text-decoration: none;
}

.ui-tree-draggable-over
{
    background: silver;
    border: solid 1px #c2c2c2;
}
.ui-tree-expand-all, .ui-tree-collapse-all
{
    display: inline;
    margin-right: 1em;
    line-height: 2em;
    font-size: 0.8em;
}


.ui-tree-collapse
{
    background-image: url('/images/collapse.png');
    background-repeat: no-repeat;
    width: 20px;
    display: inline;
    padding-right: 10px;
    margin-right: 5px;
    text-decoration: none;
}
.ui-tree-expand
{
    background-image: url('/images/expand.png');
    background-repeat: no-repeat;
    width: 20px;
    display: inline;
    padding-right: 10px;
    margin-right: 5px;
    text-decoration: none;
}

/*ul > li > div > */
span.pagename
{
    padding-left: 16px;
    background-repeat: no-repeat;
    cursor: pointer;
    font-family: Arial;
    font-size: small;
    font-weight: bold;
    border: solid 1px #ffffff;
}

span.sitetoplevel
{
    font-size: medium;
    padding-left: 24px;
    background-position: left top;
}


/*ul > li > div > .published, ul > li > div >*/
.unpublished
{
    padding-left: 16px;
    display: inline-block;
    background-repeat: no-repeat;
}


/* Page actions */
.action_list
{
    background-color: #ffffff;
    border-right: solid 2px #336699;
    border-bottom: solid 2px #336699;
}

.action_list > tbody > tr > td
{
    padding-top: 5px;
    margin-top: 3px;
    background-repeat: no-repeat;
    background-position: 2px 2px;
}

.action_list > tbody > tr > td > a
{
    padding-left: 20px;
    text-decoration: none;
    width: 100%;
    display: block; 
    font-weight:bold;
}

.action_list > tbody > tr > td:hover
{
    background-color: #CCFFCC;
}

.view
{
    background-image: url(/images/publishPlanHS.PNG);
}

.preview
{
    background-image: url(/images/PrintPreviewHS.png);
}

.edit
{
    background-image: url(/images/EditInformationHS.png);
}
.delete
{
    background-image: url(/images/DeleteHS.png);
}
.unpublish
{
    background-image: url(/images/UnPublishToWebHS.png);
}
.publish
{
    background-image: url(/images/PublishToWebHS.png);
}
.reorder
{
    background-image: url(/images/CascadeWindowsHS.png);
}
.enableindexing, .disableindexing 
{
        background-image: url(/images/PropertiesHS.png);
    }
.homepage
{
    background-image: url(/images/home.png);
}
.sitetoplevel
{
    background-image: url(/images/Web_Globe2.png);
}

/* ReOrder Pages */

#pageorderlist
{
    list-style: none;
}

#pageorderlist li
{
    padding: 4px 0px 4px 0px;
}

input.small_text_box
{
    width: 30px;
}

.invalid, .valid
{
    padding-left: 5px;
}

.invalid
{
    color: Red;
}
.valid
{
    color: green;
}


/* Page Preview Styles */
#Preview_Container  
{
   position:fixed; 
   top: 30px;
   right: 100px;   
   }

#Preview_Container H1
{
    color: #D90000;
}