/* STÍLBLAÐ FYRIR WEBMASTER, VEFVIÐHALDSKERFI FRÁ TM SOFTWARE  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
form, label, fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
/*  font-family:  Arial, sans-serif;*/
  vertical-align: baseline;
  background: transparent;
}

/* remember to define focus styles! */
:focus { outline: 0; }
body { color: black; background: white; }
ol, ul { list-style-position: inside; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table{font-weight: inherit; font-style: inherit; font-size: 100%;}

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



.clearfix {display: inline-block;}

/* **************************************************************** */
/* Basic Settings                                                   */
/* **************************************************************** */

b{color: #000000;}
b
a,
a:link,
a:visited {
  color: #000000; 
}

a { text-decoration: none;}


a:hover,
a:active { 
  color: #000000; 
  text-decoration: underline;
  -moz-outline-style: none;
}


h1, h2, h3, h4, h5 {
  color: #000000;  
  margin: 5px 0 10px 0;
  clear: left;    
  font-family: inherit;
}


h1 { font-size: 1.4em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; margin-bottom:5px;}
h4 { font-size: 1.1em; }
h5 { font-size: 1.3em; color:#FFFFFF; }


p { margin-bottom: 10px; padding-bottom: 10px; }
/*p.content { margin: 10px 0 15px 0; }*/

hr {
  height: 1px;
  border: 0;
  color: #e6e6e6;
  background: #e6e6e6;
}

.no-disp { display:none; }

body 
{
    
    
    padding: 0px;
    margin: 0px;
    font-size: 12px; _font-size: 75.00%;
    font-family: verdana, arial, sans-serif;
    background: url(../images/utlit2012/body_bg.png) #ffffff repeat-x;
    font-weight: normal; 


}


/* **************************************************************** */
/* Login Page                                                       */
/* **************************************************************** */

.LoginMain
{
    float: left;
    width: 400px;
    \width: 404px;
    w\idth: 400px;
    position: relative;    
    margin: 40px auto 0px auto;
    padding: 2px;
    background: #ffffff;
    border: 1px solid #cccccc;
    font-size: 1em;
}
.LoginMain table td label{text-align: right; padding-right: 5px;}

.LoginHeader
{
    float: left;
    position: relative;
    width: 360px;
    \width: 400px;
    w\idth: 360px;
    padding: 0px 20px 0px 20px;
    height: 52px;
    line-height: 52px;
    background: url(../images/utlit2012/admin_bar_bg.png) repeat-x;
    text-align: left;
    color: #ffffff;
}
.LoginHeader img{float: left; position: relative; margin-top: 15px;}
.LoginHeader label{display: none;}
.LoginHeader span{height: 52px; line-height: 50px; float: right; font-weight: bold;}

.LoginLanguage
{
    float: left;
    position: relative;
    width: 360px;
    \width: 400px;
    w\idth: 360px;
    padding: 15px 20px 15px 20px;
    text-align: right;   
}

.LoginBotn
{
    float: left;
    position: relative;
    width: 400px;
    text-align: center;
    padding: 15px 0px 15px 0px;
}

.LoginError
{
    float: left;
    width: 360px;
    \width: 400px;
    w\idth: 360px;
    padding: 10px 20px 10px 20px;    
    text-align: left;
}
.LoginButtonDiv
{
    float: left;
    position: relative;
    width: 335px;
    \width: 400px;
    w\idth: 335px;
    padding: 0px 65px 10px 0px;    
    text-align: right;    
}
/* **************************************************************** */
/* Admin wrapper                                                    */
/* **************************************************************** */
.box-admin-wrapper
{
    margin: 35px auto 0px auto;
    padding-top: 48px;
    width: 986px;
    position: relative;
 
}

/* **************************************************************** */
/* Admin top bar                                                    */
/* **************************************************************** */
.box-admin-bar
{
    /*position: absolute;*/
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 52px;
    background: url(../images/utlit2012/admin_bar_bg.png) repeat-x;
    
}
.box-logo
{
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 15px 0px 0px 28px;
    z-index: 1000;
}
.box-menu
{
    position: absolute;
    top: 9px;
    left: 170px;
    z-index: 1000;
    padding: 0px 4px 0px 0px;
    background: url(../images/utlit2012/userbox_box_info_bg.png) no-repeat;
    background-position: top right;
    height: 31px;
    line-height: 31px;
}

.box-menu .box-menu-info
{
    float: left;
    position: relative;
    padding: 0px 0px 0px 0px;
    background: url(../images/utlit2012/userbox_bg.png) no-repeat;
    background-position: top left;
    color: #ffffff;
} 
.box-menu .box-menu-info ul
{
    float: left;
    position: relative;
    list-style: none; 
    width: 100%;   
    margin: 0px;

} 
.box-menu .box-menu-info ul li
{
    float: left;
    position: relative;
    list-style: none;    
    width: 100%;
    margin: 0px;
    padding: 0px;
    color: #ffffff;
    
}
.box-menu .box-menu-info ul li span
{
    float: left;
    position: relative;
    padding: 0px 31px 0px 12px;    
}
.box-menu .box-menu-info ul li a.menu-button
{
    position: absolute;
    top: 1px;
    right: 0px;
    margin-right: -2px;
    list-style: none;    
    width: 26px;
    height: 29px;
    background: url(../images/utlit2012/box_user_arrows_bg.png) 50% 50% no-repeat;
} 
.box-menu .box-menu-info ul li.hovering a.menu-button
{
    position: absolute;
    top: 2px;
    right: 0px;
    margin-right: -2px;
    list-style: none;    
    width: 26px;
    height: 29px;
    background: url(../images/utlit2012/box_user_arrows_on_bg.png) 50% 50% no-repeat;
}
.box-menu ul li.hovering .menu-dropdown{display: block;}
.box-menu .menu-dropdown
{
    display: none;
    position: absolute;
    top: 31px;
    right: 0px;
    margin-right: -2px;
    width: 185px;
    background: url(../images/utlit2012/box_user_dropdown_bottom_bg.png) no-repeat;
    background-position: bottom right;
    padding: 0px 0px 4px 0px;
    font-size: 1em;
}
.box-menu .menu-dropdown .box
{
    float: left;
    position: relative;
    width: 155px;
    \width: 185px;
    w\idth: 155px;
    padding: 10px 15px 10px 15px;
    background: url(../images/utlit2012/box_user_dropdown_bg.png) #032a54 no-repeat;
    background-position: top left;
    color: #ffffff;
}
.box-menu .menu-dropdown .box ul{float: left; width: 100%; list-style: none; margin: 0px; padding: 0px;}
.box-menu .menu-dropdown .box ul li{float: left; width: 100%; list-style: none; margin: 0px; padding: 0px; line-height: 25px;}

.box-menu .menu-dropdown .box ul li a
{
    float: left;
    position: relative;
    display: block;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    background: none;
   
}
.box-menu .menu-dropdown .box ul li a:link, .box-menu .menu-dropdown .box ul li a:active, .box-menu .menu-dropdown .box ul li a:visited{color: #ffffff; text-decoration: none;}
.box-menu .menu-dropdown .box ul li a:link:hover, .box-menu .menu-dropdown .box ul li a:active:hover, .box-menu .menu-dropdown .box ul li a:visited:hover{color: #ffffff; text-decoration: underline;}



.box-view-switch
{
    position: absolute;
    top: 11px;
    left: 370px;
    z-index: 1000;
}
.box-view-switch ul
{
    float: left;
    position: relative;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.box-view-switch ul li
{
    float: left;
    position: relative;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.box-view-switch ul li.adminview
{
    width: 82px;
    height: 26px;
    line-height: 26px;
    background: url(../images/utlit2012/view_admin_bg.png) no-repeat;
    cursor: pointer;
    text-align: center;
    color: #ffffff;
}
.box-view-switch ul li.webview
{
    width: 78px;
    height: 26px;
    line-height: 26px;
    background: url(../images/utlit2012/view_web_bg.png) no-repeat;
    cursor: pointer;
    text-align: center;
    color: #ffffff;
}
.box-view-switch ul li input{background: none; border: none; height: 26px; line-height: 26px; cursor: pointer; color: #ffffff;}
.box-view-switch ul li.adminview .on{background: url(../images/utlit2012/view_admin_on_bg.png) no-repeat; width: 82px; height: 26px; line-height: 26px; cursor: pointer; color: #ffffff;}
.box-view-switch ul li.webview .on{background: url(../images/utlit2012/view_web_on_bg.png) no-repeat; width: 78px; height: 26px; line-height: 26px; cursor: pointer; color: #ffffff;}

.box-search
{
    position: absolute;
    top: 11px;
    right: 70px;
    width: 182px;
    height: 26px;
    background: url(../images/utlit2012/searchbox_bg.png) no-repeat;
    background-position: top left;
    
}
.box-search .searchbox-content
{
    float: left;
    position: relative;
    overflow: hidden;    
}
.box-search .searchbox
{
    float: left; 
    position: relative;
    border: none;
    background: none;
    width: 141px;
    \width: 156px;
    w\idth: 141px;
    padding: 3px 2px 3px 13px;
    height: 20px;
    line-height: 20px;
    color: #a2a2a2;
    font-size: 0.9em;
}
.box-search .searchbutton
{
    float: right; 
    position: relative;
    width: 26px;   
    height: 26px;
    line-height: 26px;
    background: url(../images/utlit2012/searchbutton_bg.png) no-repeat;
    background-position: top right;
    border: none;
    text-indent: 9999px;
    cursor: pointer;
}

.box-settings
{
    position: absolute;
    top: 10px;
    right: 28px;
    width: 34px;
    height: 32px;
}
.box-settings ul{margin: 0px; padding: 0px; list-style: none;}
.box-settings ul{margin: 0px; padding: 0px; list-style: none;}

.box-settings a.settings-button{width: 21px; height: 20px; display: block; cursor: pointer; background: url(../images/utlit2012/settings_bg.png) no-repeat; float: right; margin: 6px 6px 0px 0px;}
.box-settings a.settings-button:link, .box-settings a.settings-button:active, .box-settings a.settings-button:visited{background: url(../images/utlit2012/settings_bg.png) no-repeat;}
.box-settings a.settings-button:link:hover, .box-settings a.settings-button:active:hover, .box-settings a.settings-button:visited:hover{background: url(../images/utlit2012/settings_hover_bg.png) no-repeat;}

/*.box-settings a.settings-on{width: 21px; height: 20px; display: block; cursor: pointer; background: url(../images/utlit2012/settings_hover_bg.png) no-repeat;}
.box-settings a.settings-on:link, .box-settings a.settings-on:active, .box-settings a.settings-on:visited{background: url(../images/utlit2012/settings_hover_bg.png) no-repeat;}
.box-settings a.settings-on:link:hover, .box-settings a.settings-on:active:hover, .box-settings a.settings-on:visited:hover{background: url(../images/utlit2012/settings_hover_bg.png) no-repeat;}
*/

.box-settings ul li.hovering
{
    float: right;
    position: relative;
    background: url(../images/utlit2012/box_settings_on_bg.png) no-repeat;
    background-position: top right;
    width: 34px;
    height: 32px;    
}

.box-settings .hovering a.settings-button{width: 21px; height: 20px; display: block; cursor: pointer; background: url(../images/utlit2012/settings_hover_bg.png) no-repeat;}
.box-settings .hovering a.settings-button:link, .box-settings .hovering a.settings-button:active, .box-settings .hovering a.settings-button:visited{background: url(../images/utlit2012/settings_hover_bg.png) no-repeat;}
.box-settings .hovering a.settings-button:link:hover, .box-settings .hovering a.settings-button:active:hover, .box-settings .hovering a.settings-button:visited:hover{background: url(../images/utlit2012/settings_hover_bg.png) no-repeat;}

.box-settings ul li.hovering .settings-dropdown{display: block;}
.box-settings .settings-dropdown
{
    display: none;
    position: absolute;
    top: 32px;
    right: 1px;
    width: auto;
   /* background: url(../images/utlit2012/settings_dropdown_bottom_bg.png) no-repeat;
    background-position: bottom right;*/
    background: #022b57;
    -moz-border-radius:  4px 0px 4px 4px;
    -webkit-border-radius: 4px 0px 4px 4px;
    border-radius: 4px 0px 4px 4px;
    padding: 0px 0px 4px 0px;
    font-size: 0.9em;
    min-width: 200px;
}
.box-settings .settings-dropdown .box
{
    float: left;
    position: relative;
    width: 115px;
    \width: 145px;
    w\idth: 115px;
    width: auto;
    padding: 15px 15px 15px 15px;
    /*background: url(../images/utlit2012/settings_dropdown_bg.png) no-repeat;*/
    background-position: top left;
    color: #ffffff;
}
.box-settings .settings-dropdown .box ul{float: left; width: 100%; list-style: none; margin: 0px; padding: 0px;}
.box-settings .settings-dropdown .box ul li{float: left; width: 100%; list-style: none; margin: 0px; padding: 0px; line-height: 25px;}

.box-settings .settings-dropdown .box ul li a:link, .box-settings .settings-dropdown .box ul li a:active, .box-settings .settings-dropdown .box ul li a:visited{color: #ffffff; text-decoration: none;}
.box-settings .settings-dropdown .box ul li a:link:hover, .box-settings .settings-dropdown .box ul li a:active:hover, .box-settings .settings-dropdown .box ul li a:visited:hover{color: #ffffff; text-decoration: underline;}

.box-user
{
    position: absolute;
    top: 9px;
    right: 290px;
    padding: 0px 4px 0px 0px;
    background: url(../images/utlit2012/userbox_box_info_bg.png) no-repeat;
    background-position: top right;
    height: 31px;
    line-height: 31px;
}    
.box-user .box-user-info
{
    float: left;
    position: relative;
    padding: 0px 0px 0px 0px;
    background: url(../images/utlit2012/userbox_bg.png) no-repeat;
    background-position: top left;
    color: #ffffff;
} 
.box-user .box-user-info ul
{
    float: left;
    position: relative;
    list-style: none; 
    width: 100%;   
    margin: 0px;

} 
.box-user .box-user-info ul li
{
    float: left;
    position: relative;
    list-style: none;    
    width: 100%;
    margin: 0px;
    padding: 0px;
    color: #ffffff;
    
}
.box-user .box-user-info ul li span
{
    float: left;
    position: relative;
    padding: 0px 31px 0px 12px;    
}
.box-user .box-user-info ul li a.user-button
{
    position: absolute;
    top: 1px;
    right: 0px;
    margin-right: -2px;
    list-style: none;    
    width: 26px;
    height: 29px;
    background: url(../images/utlit2012/box_user_arrows_bg.png) 50% 50% no-repeat;
} 

.box-user .box-user-info ul li.hovering a.user-button
{
    position: absolute;
    top: 2px;
    right: 0px;
    margin-right: -2px;
    list-style: none;    
    width: 26px;
    height: 29px;
    background: url(../images/utlit2012/box_user_arrows_on_bg.png) 50% 50% no-repeat;
}
.box-user ul li.hovering .user-dropdown{display: block;}
.box-user .user-dropdown
{
    display: none;
    position: absolute;
    top: 31px;
    right: 0px;
    margin-right: -2px;
    width: 205px;
    background: url(../images/utlit2012/box_user_dropdown_bottom_bg.png) no-repeat;
    background-position: bottom right;
    padding: 0px 0px 4px 0px;
    font-size: 1em;
}
.box-user .user-dropdown .box
{
    float: left;
    position: relative;
    width: 175px;
    \width: 205px;
    w\idth: 175px;
    padding: 10px 15px 10px 15px;
    background: url(../images/utlit2012/box_user_dropdown_bg.png) #032a54 no-repeat;
    background-position: top left;
    color: #ffffff;
}
.box-user .user-dropdown .box ul{float: left; width: 100%; list-style: none; margin: 0px; padding: 0px;}
.box-user .user-dropdown .box ul li{float: left; width: 100%; list-style: none; margin: 0px; padding: 0px; line-height: 25px;}
.box-user .user-dropdown .box ul li.seperator{float: left; width: 100%; list-style: none; margin: 8px 0px 8px 0px; padding: 0px 0px 0px 0px; line-height: 1px; border-bottom: 1px solid #4d6784;}

.box-user .user-dropdown .box ul li a
{
    float: left;
    position: relative;
    display: block;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    background: none;
   
}
.box-user .user-dropdown .box ul li a:link, .box-user .user-dropdown .box ul li a:active, .box-user .user-dropdown .box ul li a:visited{color: #ffffff; text-decoration: none;}
.box-user .user-dropdown .box ul li a:link:hover, .box-user .user-dropdown .box ul li a:active:hover, .box-user .user-dropdown .box ul li a:visited:hover{color: #ffffff; text-decoration: underline;}

/* **************************************************************** */
/* Sitemap column                                                   */
/* **************************************************************** */

.column-left
{
    float: left;
    position: relative;
    width: 232px;
    margin: 0px 0px 20px 0px;
}
.column-left .box-medium
{
    float: left;
    position: relative;
    width: 232px;
    background: url(../images/utlit2012/box_medium_bottom_bg.png) no-repeat;
    background-position: bottom left;
    padding: 0px 0px 42px 0px;
    margin: 0px 0px 10px 0px;
}
.column-left .box-medium .box-header
{
    float: left;
    position: relative;
    width: 188px;
    \width: 232px;
    w\idth: 188px;
    height: 56px;
    background: url(../images/utlit2012/box_medium_header_bg.png) no-repeat;
    background-position: top left;
    margin: 0px;
    padding: 0px 22px 0px 22px;
}
.column-left .box-medium .box-header h2, .column-left .box-medium .box-header h3
{
    font-size: 1.27em;
    font-weight: bold;
    color: #626262;
    font-family: Arial, Helvetica, Verdana;
    background: url(../images/utlit2012/box_medium_header_logo_bg.png) no-repeat;
    background-position: right 17px;
    width: 188px;
    height: 52px;
    line-height: 52px;
    padding: 4px 0px 0px 0px; 
    margin: 0px;
}
.column-left .box-medium .box-header h2 > i, .column-left .box-medium .box-header h3 > i
{
    margin-right:10px;
}
.column-left .box-medium .box-header h3.analytics-header
{
    font-size: 1.27em;
    font-weight: bold;
    color: #626262;
    font-family: Arial, Helvetica, Verdana;
    background: url(../images/utlit2012/box_analytics_header_logo_bg.png) no-repeat;
    background-position: right 17px;
    width: 188px;
    height: 52px;
    line-height: 52px;
    padding: 4px 0px 0px 0px; 
    margin: 0px;
}
.column-left .box-medium .innerbox, .column-right .box-medium .innerbox
{
    float: left;
    position: relative;
    width: 208px;
    \width: 232px;
    w\idth: 208px;
    padding: 31px 12px 0px 12px;
    background: url(../images/utlit2012/box_medium_bg.png) repeat-y;    
}
.column-left .box-medium .notabs
{
    padding: 12px 12px 12px 12px;
}
.column-left .box-medium .innerbox .actions
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin-bottom: -36px;
    height: 36px;
    line-height: 36px;
    width: 192px;
    \width: 208px;
    w\idth: 192px;
    padding: 0px 8px 0px 8px;
    
}
.column-left .box-medium .innerbox .actions ul
{
   
    float: right;
    position: relative;
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 192px;
    
}
.column-left .box-medium .innerbox .actions ul li
{
    float: left;
    position: relative;
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 192px;
}
.column-left .box-medium .innerbox .actions ul li.dragdrop
{
    float: left;    
    position: relative;
    margin: 0px;
    padding: 0px;
}

.column-left .box-medium .innerbox .actions ul li.dragdrop .btnDragDrop
{
    border: none;
    background: url(../images/utlit2012/dragdrop_icon_bg.png) no-repeat;
    background-position: left 12px;
    padding: 0px 0px 0px 22px;
 
    color: #797979;
    margin: 0px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    text-align: left;
}
.column-left .box-medium .innerbox .actions ul li.maximize
{
    float: left;    
    position: relative;
    margin: 0px 0px 0px 10px;
    padding: 0px;
}
.column-left .box-medium .innerbox .actions ul li.maximize a
{
    float: left;
    position: relative;
    border: none;
    background: url(../images/utlit2012/maximize_analytics_bg.png) no-repeat;
    background-position: left 10px;
    padding: 0px 0px 0px 22px;
 
    color: #797979;
    margin: 0px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    text-align: left;
}
.column-left .box-medium .innerbox .astreeview-tree .nodeactive
{
    width: 8px !important;
    height: 8px !important;
}

#analyticsinfo
{
    width: 100%;
    font-size: 0.91em;
    
}
#analyticsinfo th
{
    text-align: left;
}
#analytics-dialog fieldset
{
    float: left;
    position: relative;
    border: 1px solid #e2e2e2;
    margin: 10px 0px 10px 0px;
    width: 914px;
    display: block;
}

/* **************************************************************** */
/* Right column                                                     */
/* **************************************************************** */

/* right column - default */
.column-right
{
    float: right;
    position: relative;
    width: 735px;    
    margin: 0px 0px 20px 19px;
    background: url(../images/utlit2012/box_large_bottom_bg.png) no-repeat;
    background-position: bottom left;
    padding: 0px 0px 10px 0px;
}
.column-right .TopElementsWrapper
{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
}

.column-right .box-header
{
    float: left;
    position: relative;
    width: 691px;
    \width: 735px;
    w\idth: 691px;
    height: 56px;
    background: url(../images/utlit2012/box_large_header_bg.png) no-repeat;
    background-position: top left;
    margin: 0px;
    padding: 0px 22px 0px 22px;
    overflow: hidden;
}
.column-right .box-header h2
{
    float: left;
    position: relative;
    font-size: 1.27em;
    font-weight: bold;
    color: #626262;
    font-family: Arial, Helvetica, Verdana;
    background: none;
    /*width: 691px;*/
    height: 52px;
    line-height: 52px;
    padding: 4px 5px 0px 0px; 
    margin: 0px;
    clear: none;
}
.column-right .box-header a.settings
{
  float: right;
  position: relative;
  margin: 20px 0px 0px 20px;
  width: 25px;
  height: 25px;
    background: url(../images/utlit2012/system_settings_bg.png) no-repeat;
    background-position: 0px 0px;
    
    text-indent: -999em;
}
.column-right .box-header a.goback
{
    float: right;
  position: relative;
  margin: 20px 0px 0px 20px;
  width: 25px;
  height: 25px;
    background: url(../images/utlit2012/goback_bg.png) no-repeat;
    background-position: 0px 0px;
    
    text-indent: -999em;
}

.column-right .column-content
{
    float: left;
    position: relative;
    width: 687px;
    \width: 735px;
    w\idth: 687px;
    padding: 20px 24px 10px 24px;
    background: url(../images/utlit2012/box_large_bg.png) repeat-y; 
}
.column-right .w-actionbar
{
    padding-top: 50px;    
}

/* right column on frontpage */
.frontpage .column-right
{
    float: right;
    position: relative;
    width: 754px;    
    margin: 0px;
    padding: 0px;
    background: none;
}


.column-right .box-medium
{
    float: left;
    position: relative;
    width: 232px;
    background: url(../images/utlit2012/box_medium_bottom_bg.png) no-repeat;
    background-position: bottom left;
    padding: 0px 0px 42px 0px;
    margin: 0px 0px 0px 19px;
}

.column-right .box-medium .box-header
{
    float: left;
    position: relative;
    width: 188px;
    \width: 232px;
    w\idth: 188px;
    height: 58px;
    background: url(../images/utlit2012/box_medium_header2_bg.png) no-repeat;
    background-position: top left;
    margin: 0px;
    padding: 0px 22px 0px 22px;
}
.column-right .box-medium .box-header h2
{
    font-size: 1.27em;
    font-weight: bold;
    color: #626262;
    font-family: Arial, Helvetica, Verdana;
    background: none;
    width: 188px;
    height: 52px;
    line-height: 52px;
    padding: 4px 0px 0px 0px; 
    margin: 0px;
        
}
.column-right .box-medium .innerbox
{
    float: left;
    position: relative;
    width: 216px;
    \width: 232px;
    w\idth: 216px;
    padding: 0px 8px 0px 8px;
    background: url(../images/utlit2012/box_medium_bg.png) repeat-y;    
}

.column-right .box-medium .innerbox ul.top-items
{
    float: left;
    position: relative;
    width: 200px;
    margin: 8px 8px 0px 8px;
    padding: 0px;
    list-style: none;
    overflow: hidden;
} 
.column-right .box-medium .innerbox ul.top-items li
{
    float: left;
    position: relative;
    width: 200px;
    margin: 0px;
    padding: 10px 0px 10px 0px;
    list-style: none;
    background: url(../images/utlit2012/box_medium_li_bg.png) repeat-x;        
    background-position: bottom left;    
} 
.column-right .box-medium .innerbox ul.top-items li.last{background: none;}
.column-right .box-medium .innerbox ul.top-items li a
{
    display: block;
    width: 160px;
    \width: 200px;
    w\idth: 160px;
    margin: 0px;
    padding: 0px 15px 0px 25px;
    background: url(../images/utlit2012/box_medium_li_a_bg.png) no-repeat;        
    background-position: 9px 50%;  
    font-weight: normal;
    font-size: 1.09em;
}
.column-right .box-medium .innerbox ul.top-items li a:link, .column-right .box-medium .innerbox ul.top-items li a:active, .column-right .box-medium .innerbox ul.top-items li a:visited{color: #0765cb; text-decoration: none;}
.column-right .box-medium .innerbox ul.top-items li a:link:hover, .column-right .box-medium .innerbox ul.top-items li a:active:hover, .column-right .box-medium .innerbox ul.top-items li a:visited:hover{color: #0765cb; text-decoration: underline;}

.column-right ul.tabs li a:link, .column-left ul.tabs li a:active, .column-left ul.tabs li a:visited{color: #626262; text-decoration: none;}
.column-right ul.tabs li a:link:hover, .column-left ul.tabs li a:active:hover, .column-left ul.tabs li a:visited:hover{color: #0869ce; text-decoration: none;}

.column-right ul.tabs li a.current:link, .column-left ul.tabs li a.current:active, .column-left ul.tabs li a.current:visited{color: #0869ce; text-decoration: none;}
.column-right ul.tabs li a.current:link:hover, .column-left ul.tabs li a.current:active:hover, .column-left ul.tabs li a.current:visited:hover{color: #0869ce; text-decoration: none;}
    
.column-right .box-medium .innerbox .actions
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin-bottom: -36px;
    height: 36px;
    line-height: 36px;
    width: 192px;
    \width: 216px;
    w\idth: 192px;
    padding: 0px 12px 0px 12px;
}
.column-right .box-medium .innerbox .actions ul
{
    float: left;
    position: relative;
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
}
.column-right .box-medium .innerbox .actions ul li
{
    float: left;
    position: relative;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.column-right .box-medium .innerbox .actions ul li.add
{
    float: left;    

}
.column-right .box-medium .innerbox .actions ul li.view
{
    float: right;    

}

.column-right .box-medium .innerbox .actions ul li.add a
{
 
    background: url(../images/utlit2012/addnew_bg.png) no-repeat;
    background-position: 0px 12px;
    padding: 0px 0px 0px 16px;
}
.column-right .box-medium .innerbox .actions ul li.view a
{
   
    background: url(../images/utlit2012/viewall_bg.png) no-repeat;
    background-position: 0px 12px;
    padding: 0px 0px 0px 16px;
}

.column-right .box-medium .innerbox .actions ul li a
{
    display: block;
    color: #797979;
}
.column-right .box-medium .innerbox .actions ul li a:link, .column-right .box-medium .innerbox .actions ul li a:active, .column-right .box-medium .innerbox .actions ul li a:visited{color: #797979; text-decoration: none;}    
.column-right .box-medium .innerbox .actions ul li a:link:hover, .column-right .box-medium .innerbox .actions ul li a:active:hover, .column-right .box-medium .innerbox .actions ul li a:visited:hover{color: #797979; text-decoration: underline;}    

.column-right .panes
{
    float: left;
    position: relative;    
    width: 216px;
    min-height: 40px;
    margin: 28px 0px 0px 0px;
    padding: 0px 0px 14px 0px;
}

/* **************************************************************** */
/* Wide column                                                      */
/* **************************************************************** */

.column-wide
{
    float: left;
    width: 984px;
    position: relative;
    background: #ffffff;
    border: 1px solid #e3e3e3;
    -moz-border-radius:  5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;    
}
.column-wide .column-content
{
    float: left;
    position: relative;
    width: 936px;
    \width: 984px;
    w\idth: 936px;
    padding: 20px 24px 10px 24px;

}

/* **************************************************************** */
/* Tabs                                                             */
/* **************************************************************** */

/* left column tabs */

.column-left ul.tabs, .column-right ul.tabs
{
    position: absolute;
    top: 0px;
    left: 5px;
    margin: 0px;
    padding: 0px;
    width: 222px;   
    height: 30px;
    list-style: none;
    font-size: 0.86em;
    color: #626262;
    background: url(../images/utlit2012/tabs_bg.png) repeat-x;
}
.column-right .TopElementsWrapper ul.tabs{top: -2px !important;}

.column-left ul.tabs li, .column-right ul.tabs li
{
    float: left;
    position: relative;
    margin: 0px;
    height: 30px;
    list-style: none;
    border-right: 1px solid #e3e3e3;
    
}
.column-left ul.tabs li.last{}
.column-left ul.tabs li a, .column-right ul.tabs li a
{
    display: block;
    padding: 0px 16px 0px 16px;    
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}
.column-left ul.tabs li a.current, .column-right ul.tabs li a.current
{
    background: #ffffff;  
    color: #0869ce;
}

.column-left ul.tabs li a:link, .column-left ul.tabs li a:active, .column-left ul.tabs li a:visited{color: #626262; text-decoration: none;}
.column-left ul.tabs li a:link:hover, .column-left ul.tabs li a:active:hover, .column-left ul.tabs li a:visited:hover{color: #0869ce; text-decoration: none;}

.column-left ul.tabs li a.current:link, .column-left ul.tabs li a.current:active, .column-left ul.tabs li a.current:visited{color: #0869ce; text-decoration: none;}
.column-left ul.tabs li a.current:link:hover, .column-left ul.tabs li a.current:active:hover, .column-left ul.tabs li a.current:visited:hover{color: #0869ce; text-decoration: none;}
.column-left ul.tabs li a:link > span, .column-left ul.tabs li a:active > span, .column-left ul.tabs li a:visited > span{display:none;}
.column-left ul.tabs li a:link > i, .column-left ul.tabs li a:active > i, .column-left ul.tabs li a:visited > i{line-height:30px; font-size:1.75em;}

.column-left .panes
{
    float: left;
    position: relative;    
    width: 208px;
    
    margin: 0px 0px 0px 0px;
    padding: 14px 0px 14px 0px;
}

/* main tabs */

.column-content ul.tabs
{
    position: absolute;
    top: 0px;
    left: 5px;
    margin: 0px;
    padding: 0px;
    width: 725px;   
    height: 30px;
    list-style: none;
    font-size: 0.86em;
    color: #626262;
    background: url(../images/utlit2012/tabs_bg.png) repeat-x;
}
.column-content ul.tabs.w685 { left: 0px; width: 685px; }
.column-content ul.tabs li
{
    float: left;
    position: relative;
    margin: 0px;
    height: 30px;
    list-style: none;
    border-right: 1px solid #e3e3e3;
    
}
.column-content ul.tabs li.last{}
.column-content ul.tabs li a
{
    display: block;
    padding: 0px 16px 0px 16px;    
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}
.column-content ul.tabs li a.current
{
    background: #ffffff;  
    color: #0869ce;
}

.column-content ul.tabs li a:link, .column-content ul.tabs li a:active, .column-content ul.tabs li a:visited{color: #626262; text-decoration: none;}
.column-content ul.tabs li a:link:hover, .column-content ul.tabs li a:active:hover, .column-content ul.tabs li a:visited:hover{color: #0869ce; text-decoration: none;}

.column-content ul.tabs li a.current:link, .column-content ul.tabs li a.current:active, .column-content ul.tabs li a.current:visited{color: #0869ce; text-decoration: none;}
.column-content ul.tabs li a.current:link:hover, .column-content ul.tabs li a.current:active:hover, .column-content ul.tabs li a.current:visited:hover{color: #0869ce; text-decoration: none;}

.column-content .panes
{
    float: left;
    position: relative;    
    width: 687px;
    
    margin: 31px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.column-content .panes.w685
{
  width: 657px;
  margin-top: 0px;
}

/* fieldset tabs */
.edit-set ul.placement-tabs
{
    left: 0px;
    top: 0px;
    position: absolute;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 685px;   
    height: 30px;
    list-style: none;
    font-size: 0.86em;
    color: #626262;
    background: url(../images/utlit2012/tabs_bg.png) repeat-x;
}
.edit-set ul.placement-tabs li
{
    float: left;
    position: relative;
    margin: 0px;
    height: 30px;
    list-style: none;
    border-right: 1px solid #e3e3e3;
    padding: 0px;
}
.edit-set ul.placement-tabs li.last{}
.edit-set ul.placement-tabs li a
{
    display: block;
    padding: 0px 16px 0px 16px;    
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}
.edit-set ul.placement-tabs li a.current
{
    background: #ffffff;  
    color: #0869ce;
}

.edit-set ul.placement-tabs li a:link, .edit-set ul.placement-tabs li a:active, .edit-set ul.placement-tabs li a:visited{color: #626262; text-decoration: none;}
.edit-set ul.placement-tabs li a:link:hover, .edit-set ul.placement-tabs li a:active:hover, .edit-set ul.placement-tabs li a:visited:hover{color: #0869ce; text-decoration: none;}

.edit-set ul.placement-tabs li a.current:link, .edit-set ul.placement-tabs li a.current:active, .edit-set ul.placement-tabs li a.current:visited{color: #0869ce; text-decoration: none;}
.edit-set ul.placement-tabs li a.current:link:hover, .edit-set ul.placement-tabs li a.current:active:hover, .edit-set ul.placement-tabs li a.current:visited:hover{color: #0869ce; text-decoration: none;}

.edit-set .placement-panes
{
    float: left;
    position: relative;    
    width: 655px;
    
    margin: 31px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* dialog tabs */
.dialog-tabs ul.link-tabs
{
    left: 0px;
    top: 0px;
    position: absolute;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    height: 30px;
    list-style: none;
    font-size: 0.86em;
    color: #626262;
    background: url(../images/utlit2012/tabs_bg.png) repeat-x;
}
.dialog-tabs ul.link-tabs li
{
    float: left;
    position: relative;
    margin: 0px;
    height: 30px;
    list-style: none;
    border-right: 1px solid #e3e3e3;
    padding: 0px;
}
.dialog-tabs ul.link-tabs li.last{}
.dialog-tabs ul.link-tabs li a
{
    display: block;
    padding: 0px 16px 0px 16px;    
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}
.dialog-tabs ul.link-tabs li a.current
{
    background: #ffffff;  
    color: #0869ce;
}

.dialog-tabs ul.link-tabs li a:link, .dialog-tabs ul.link-tabs li a:active, .dialog-tabs ul.link-tabs li a:visited{color: #626262; text-decoration: none;}
.dialog-tabs ul.link-tabs li a:link:hover, .dialog-tabs ul.link-tabs li a:active:hover, .dialog-tabs ul.link-tabs li a:visited:hover{color: #0869ce; text-decoration: none;}

.dialog-tabs ul.link-tabs li a.current:link, .dialog-tabs ul.link-tabs li a.current:active, .dialog-tabs ul.link-tabs li a.current:visited{color: #0869ce; text-decoration: none;}
.dialog-tabs ul.link-tabs li a.current:link:hover, .dialog-tabs ul.link-tabs li a.current:active:hover, .dialog-tabs ul.link-tabs li a.current:visited:hover{color: #0869ce; text-decoration: none;}

.dialog-tabs .link-panes
{
    float: left;
    position: relative;    
    width: 100%;
    
    margin: 31px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.dialog-tabs .treePane
{
    float: left;
    position: relative;    
    width: 225px;
}
.dialog-tabs .contentPane
{
    float: right;
    position: relative;    
    width: 380px;
}

.dialog-tabs .contentPane .article-item{width: 92%; border: 1px solid #ccc; background: #f3f3f3; border-collapse: collapse; margin: 0 auto 5px auto; padding: 3px 2%; font-size: 0.9em;}
.dialog-tabs .contentPane .article-item.on{background: #0764cb; color: #ffffff; border: 1px solid #0661c2;}
.dialog-tabs .contentPane .article-item a{display: block; text-decoration: none;}
.dialog-tabs .contentPane .article-item.on a{color:#ffffff;}
.dialog-tabs .contentPane .article-item a span{width: 20%;}


/* Analytics tabs */

#analytics-dialog{padding-top: 30px;}

#analytics-dialog ul.tabs
{
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    width: 100%;   
    height: 30px;
    list-style: none;
    font-size: 0.86em;
    color: #626262;
    background: url(../images/utlit2012/tabs_bg.png) repeat-x;
}
#analytics-dialog ul.tabs li
{
    float: left;
    position: relative;
    margin: 0px;
    height: 30px;
    list-style: none;
    border-right: 1px solid #e3e3e3;
    
}
#analytics-dialog ul.tabs li.last{}
#analytics-dialog ul.tabs li a
{
    display: block;
    padding: 0px 16px 0px 16px;    
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}
#analytics-dialog ul.tabs li a.current
{
    background: #ffffff;  
    color: #0869ce;
}

#analytics-dialog ul.tabs li a:link, #analytics-dialog ul.tabs li a:active, #analytics-dialog ul.tabs li a:visited{color: #626262; text-decoration: none;}
#analytics-dialog ul.tabs li a:link:hover, #analytics-dialog ul.tabs li a:active:hover, #analytics-dialog ul.tabs li a:visited:hover{color: #0869ce; text-decoration: none;}

#analytics-dialog ul.tabs li a.current:link, #analytics-dialog ul.tabs li a.current:active, #analytics-dialog ul.tabs li a.current:visited{color: #0869ce; text-decoration: none;}
#analytics-dialog ul.tabs li a.current:link:hover, #analytics-dialog ul.tabs li a.current:active:hover, #analytics-dialog ul.tabs li a.current:visited:hover{color: #0869ce; text-decoration: none;}

#analytics-dialog .panes
{
    float: left;
    position: relative;    
    width: 100%;
    
    margin: 0px 0px 0px 0px;
    padding: 14px 0px 14px 0px;
}

/* **************************************************************** */
/* List table                                                       */
/* **************************************************************** */

.BorderLRBReg
{
    border: 1px solid #e2e2e2;
    font-size: 0.9em;

    clear: both;
}
.BorderLRBReg th
{
    background: #e9e9e9 url(../images/utlit2012/tabs_bg.png) repeat-x 0 0%;
    line-height: 30px;
    padding: 0px 5px 0px 5px;
}
.BorderLRBReg .RowOdd td
{
    background: #ffffff;
    padding: 7px 5px 7px 5px;
    
}
.BorderLRBReg .RowEven td
{
    background: #f7f7f7;
    padding: 7px 5px 7px 5px;
    
}

.BorderLRBReg tr:hover td{background: #a5ccf5; cursor: pointer;}
.BorderLRBReg tr.selectedRow td{background: #a5ccf5; cursor: pointer;}

.BorderLRBReg td p{margin: 0px; padding: 0px;}

.BorderLRBReg td a.delete
{
    display: block;
    background: url(../images/delete.gif) no-repeat;
    background-position: 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 12px;
    height: 12px;
}
.BorderLRBReg td input.right{float: right;}

.BorderLRBReg td img#comments{text-indent: -5000px; display: block; height: 18px; width: 18px;}
.BorderLRBReg td img#ordercard{text-indent: -5000px; display: block; height: 18px; width: 18px;}

.BorderLRBReg td span.grip{background: url(/images/gripper_bg.png) no-repeat 50% 50%; width: 10px; height: 18px; cursor: move; display: block;}

.BorderLRBReg td .overlay {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:#fff;
 
    width:300px;
    min-height:200px;
    border:1px solid #666;
 
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 30px 5px #000;
    -webkit-box-shadow: 0 0 30px #000;
}
.BorderLRBReg td .overlay .close {
    background-image:url(/images/utlit2012/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}
.BorderLRBReg td .overlay p{padding: 10px;}
.BorderLRBReg td .overlay table{width: 100%;}

.filter-options
{
    float: left;
    position: relative;
    border: 1px solid #e2e2e2;
    margin: 0px 0px 20px 0px;
    padding: 10px;
    width: 665px;
    \width: 685px;
    w\idth: 665px;
    overflow: hidden;
    clear: both;
    
}
.filter-options th{font-size: 0.9em; text-align: left; padding: 2px 5px 2px 5px;}

.filter-options legend{color: #626262; font-weight: bold;}
.filter-options input[type="text"], .filter-options select
{
    background: url(../images/utlit2012/degree-v-gray-white.gif) #ffffff repeat-x;
    border: 1px solid #e2e2e2;
    padding: 5px;
    color: #626262;
    margin: 3px;
}
.filter-options input[type="text"]{width: 110px;}

ul.list-actions
{
    position: absolute;
    top: 0px;
    left: 5px;
    width: 703px;
    \width: 725px;
    w\idth: 703px;
    margin: 0px;
    padding: 0px 6px 0px 16px; 
    background: url(../images/utlit2012/tabs_bg.png) repeat-x;
    list-style: none;
}
.is-sticky ul.list-actions{left: auto; margin-left: -19px; top: 49px !important; z-index: 10000;}

ul.list-actions li
{
    float: left;
    margin: 0px;
    line-height: 30px;
    padding: 0px 15px 0px 0px; 
    list-style: none;
}
ul.list-actions li a{cursor: pointer;}
ul.list-actions li a.add
{
    display: block;
    background: url(../images/utlit2012/addnew_bg.png) no-repeat;
    background-position: 0px 9px;
    padding: 0px 0px 0px 18px;
}
ul.list-actions li a.edit
{
    display: block;
    background: url(../images/edit.gif) no-repeat;
    background-position: 0px 9px;
    padding: 0px 0px 0px 18px;
}
ul.list-actions li a.delete
{
    display: block;
    background: url(../images/delete.gif) no-repeat;
    background-position: 0px 9px;
    padding: 0px 0px 0px 18px;
}
ul.list-actions li a.history
{
    display: block;
    background: url(../images/list.gif) no-repeat;
    background-position: 0px 9px;
    padding: 0px 0px 0px 18px;
}
ul.list-actions li a.onweb
{
    display: block;
    background: url(../images/ie.gif) no-repeat;
    background-position: 0px 9px;
    padding: 0px 0px 0px 18px;
}
ul.list-actions li a.overview
{
    display: block;
    background: url(../images/utlit2012/viewall_bg.png) no-repeat;
    background-position: 0px 9px;
    padding: 0px 0px 0px 18px;
}
ul.list-actions li a.list
{
    display: block;
    background: url(../images/list.gif) no-repeat;
    background-position: 0px 9px;
    padding: 0px 0px 0px 18px;
}
ul.list-actions li a.email
{
    display: block;
    background: url(../images/at.gif) no-repeat;
    background-position: 0px 9px;
    padding: 0px 0px 0px 18px;
}
ul.list-actions li a.excel
{
    display: block;
    background: url(../images/icons/xls.gif) no-repeat;
    background-position: 0px 9px;
    padding: 0px 0px 0px 18px;
}


.pager
{
    float: left;
    width: 685px;
    text-align: center;
    padding: 8px 0px 8px 0px;
    border-left: 1px solid #e2e2e2; 
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}
.pager a
{
    padding: 2px 5px 2px 5px;

}
.pager .current{color: #0869ce;}
.pager a:link, .pager a:active, .pager a:visited{color: #000000; text-decoration: none;}
.pager a:link:hover, .pager a:active:hover, .pager a:visited:hover{color: #0869ce; text-decoration: underline;}

.column-wide .pager
{
    width: 100%;    
}
/* **************************************************************** */
/* Edit table                                                       */
/* **************************************************************** */

fieldset.edit-set, div.edit-set
{
    float: left;
    position: relative;
    border: 1px solid #e2e2e2;
    margin: 10px 0px 10px 0px;
    padding: 10px;
    width: 665px;
    \width: 685px;
    w\idth: 665px;
    display: block;
}
table.edit-table
{
    float: left;
    width: 100%;
}
.edit-table tr th
{
    text-align: left;
    padding: 5px 5px 0px 5px;
    vertical-align: top;
}
.edit-table tr td
{
    text-align: left;
    padding: 5px;
    vertical-align: top;
}

.edit-table input[type="text"], .edit-table input[type="password"], .edit-table select, .edit-table textarea
{
    background: url(../images/utlit2012/degree-v-gray-white.gif) #ffffff repeat-x;
    border: 1px solid #e2e2e2;
    padding: 5px;
    color: #626262;
}
.edit-table label.header
{
    color: #0765cb;
    font-size: 1.09em;
    font-weight: bold; 
}
.edit-table label.header b{color: #0765cb; font-size: 1em; font-style: italic;}

#UploadDiv
{
    padding: 30px;    
}
#UploadDiv label.header
{
    display: block;   
    margin: 0px 0px 3px 0px;
     
}
#UploadDiv div
{
    float: left;
    position: relative;
    margin: 0px 0px 15px 0px;
    width: 100%;    
}
#UploadDiv iframe
{
    background: #ffffff;
    height: 220px;
}
#UploadDiv .error
{
    color: #ff0000;
}

.btnGreen
{
    background: #7cb200;
    border: 1px solid #7cb200;
    -moz-border-radius:  20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 5px 15px 5px 15px;
    color: #ffffff;
    cursor: pointer;
}
.btnBlue
{
    background: #0661c2;
    border: 1px solid #0661c2;
    -moz-border-radius:  20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 5px 15px 5px 15px;
    color: #ffffff;
    cursor: pointer;
}
#saveDisabled{display: none;}

.edit-action-table
{
    float: left;
    position: relative;
    width: 100%;
    margin: 40px 0px 10px 0px;
}
.edit-action-table td{position: relative;}
.edit-action-table td .save-spinner{position: absolute; top: 10px; left: 220px; display: none;}

.img-preview, .flash-preview
{
    border: 1px solid #e2e2e2;
    padding: 2px;  
    margin: 0px 0px 10px 0px;
    max-width: 649px;  
}
.imageDialog, .imageDialog2
{
    display: none;    
}
.linkDialog
{
    display: none;    
}
.flashDialog
{
    display: none;    
}
.dialogClose, .dialogNewFile
{
    float: left;
    position: relative;
    margin: 10px 0px 10px 0px;
    height: 30px;
    line-height: 30px;
    padding: 0px 15px 0px 15px;
    color: #0661c2;
}
a.dialogClose:link, a.dialogClose:active, a.dialogClose:visited, a.dialogNewFile:link, a.dialogNewFile:active, a.dialogNewFile:visited{color: #0661c2;}

/* **************************************************************** */
/* Error boxes                                                      */
/* **************************************************************** */
.errorMessage
{
    float: left;
    width: 655px;
    \width: 685px;
    w\idth: 655px;
    padding: 0px 15px 0px 15px;
    border: 1px solid #ff0000;
    background: #fdecec;
    color: #ff0000;
    line-height: 34px;
    margin: 15px 0px 0px 0px;
}
/* **************************************************************** */
/* WebView                                                          */
/* **************************************************************** */

iframe#webView
{
    border: none;
    outline: none;    
}

/* **************************************************************** */
/* DropDowns                                                        */
/* **************************************************************** */

.dropdown-category
{
    max-width: 550px;    
}
.dropdown-filter
{
    max-width:  210px;   
}

/* **************************************************************** */
/* imagepreview                                                     */
/* **************************************************************** */

#preview{

	position:absolute;
	border:1px solid #c2e2e2;
	background:32e2e2;
	padding:5px;
	display:none;
	color:#333333;

}

/* **************************************************************** */
/* templates                                                        */
/* **************************************************************** */

.controlProperty 
  {
      padding: 0px 5px 0px 5px;
  }
  .controlProperty th { text-align: left;  padding: 2px 5px 0px 5px;}
  .controlProperty td { padding: 2px 5px 0px 5px; }
  .controlProperty td.first { width: 70px; }
  .controlProperty td.second { width: 100px; }
  .controlProperty td.third  { width: 230px; }

/* **************************************************************** */
/* file list                                                        */
/* **************************************************************** */
ul.fileview{
    float: right;
margin: 0px 0px 15px 0px;
} 
ul.fileview li{
    list-style: none;
    display: inline-block;
    margin: 0px 2px;
    padding: 0px 0px 0px 0px;
    width: 29px;
    height: 28px;
    background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f7f7 0%, #f7f7f7 50%, #dcdcdc 91%, #dcdcdc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(50%,#f7f7f7), color-stop(91%,#dcdcdc), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#f7f7f7 50%,#dcdcdc 91%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7f7f7 0%,#f7f7f7 50%,#dcdcdc 91%,#dcdcdc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7f7f7 0%,#f7f7f7 50%,#dcdcdc 91%,#dcdcdc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f7f7f7 0%,#f7f7f7 50%,#dcdcdc 91%,#dcdcdc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
-moz-border-radius:  4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #cdcdcd;
}
    ul.fileview li a {
        color: #626262;
        width: 29px;
        height: 28px;
        display: inline-block;
        text-align: center;
    }
    ul.fileview li a span{
        display: inline-block;
        padding-top: 9px;
    }
        ul.fileview li a.on {
            color: #0869ce;
        }
.file-set{
    float: left;
position: relative;
margin: 10px 0px 10px 0px;
padding: 0px;
width: 100%;
display: block;
}

/* **************************************************************** */
/* image album                                                      */
/* **************************************************************** */

.sortable-image-div{float: left; position: relative; text-align: center;}
ul#sortable-images { list-style-type: none; margin: 0; padding: 0; width: auto; }
ul#sortable-images li 
{ 
    margin: 3px 5px 10px 5px; 
    padding: 9px 9px 9px 9px; 
    float: left; 
    position: relative; 
    width: 136px; 
    \width: 154px;
    w\idth: 136px;
    font-size: 1em; 
    text-align: center; 
    border: 1px solid #d5d5d5; 
    background: #f7f7f7;
    cursor: move;
}
ul#sortable-images li div.imagediv 
{ 
    float: left; position: relative; height: 100px; overflow: hidden; border: 1px solid #d5d5d5; width: 133px; clear: both;
}
ul#sortable-images li img.preview { text-align: center; max-height: 100px; margin: 0px; padding: 0px; }
ul#sortable-images li textarea 
{ 
    float: left; 
    position: relative; 
    margin: 9px 0px 0px 0px; 
    padding: 2px 2px 2px 2px; 
    border: 1px solid #d5d5d5; 
    width: 129px; 
    \width: 133px; 
    w\idth: 129px; 
    height: 60px; 
    font-size: 0.9em; 
    clear: both;
}
ul#sortable-images li input[type="text"] 
{ 
    float: left; 
    position: relative; 
    margin: 9px 0px 0px 0px; 
    padding: 2px 2px 2px 2px; 
    border: 1px solid #d5d5d5; 
    width: 129px; 
    font-size: 0.9em; 
    clear: both;
}
ul#sortable-images li .deleteimage img{ position: absolute; top: 5px; right: 5px; }

#status-splash
{
    position: absolute;
    top: 10px;
    left: 10px;
    display: none;
    width: 88px;
    \width: 98px;
    w\idth: 88px;
    padding: 10px 5px 10px 5px;
    background: #75ba6c;
    border: 1px solid #2e8e21;    
    color: #ffffff;
}   
   
/* **************************************************************** */
/* Element Editor                                                   */
/* **************************************************************** */
.elementEditor
{
    display: inline;
    padding: 0px 0px 0px 3px;
    cursor: pointer;
    bottom: 0px;
    position: static;
}

/* **************************************************************** */
/* Path indicator at the bottom of the page                         */
/* **************************************************************** */
.path
{
    position: fixed;
    min-width: 200px;
    height: 26px;
    line-height: 26px;
    background-color: rgba(204,204,204,0.4);
    color: #000;
    left: 0px;
    font-size: 15px;
    padding: 0px 10px 0px 10px;
}