*:focus { outline:none }

/***************************************************************************
  *
  * GLOBAL HTML CSS
  *
  ****************************************************************************/

body, html { width:100%; height:100%; margin:0; padding:0 }

img { border:0; }

hr {
  border: none;
  border-bottom: 1px solid #ccc;
}
/***************************************************************************
  *
  * DOJO TUNDRA THEME OVERLOAD
  *
  ****************************************************************************/

.tundra .dijitTab {
border:1px solid transparent;
border-bottom-color:#BBB;
 -moz-border-radius:3px 3px 0 0;
background:#D2D1D5;
margin-right:2px;
}

.tundra .dijitTabHover,
.tundra .dijitTabCheckedHover
{
    border:1px solid transparent;
}

.tundra .dijitTab .tabLabel
{
    color:#555;
    font-size:11px;
    font-weight:bold;
    padding:1px;
}

.tundra .dijitTabChecked .tabLabel,
.tundra .dijitTabContainerTabListNested .dijitTabChecked .dijitTabContent .tabLabel
{   
    text-decoration: none;
}


.tundra .dijitArrowButtonInner
{
     margin: 0 1px 0 1px;
     opacity: 0.4;
 }

 .tundra .dojoxGridHeader .dojoxGridCell
 {
     background: #5E5E5E url('../img/nav_bg.png') repeat-x center;
     padding:4px 3px;
}

.tundra .dojoxGridHeader
{
    background: #5E5E5E url('../img/nav_bg.png') repeat-x center;
}

.tundra .dijitTabContainerTopStrip
{
    background-color: transparent;    
    border: none;
}

.tundra .dojoxGridCell
{
border-color: transparent transparent #E8E8E8 transparent;
border-style:solid;
border-width:1px;
}

.tundra .dojoxGridRow
{
    color:#333;
}

.tundra .dojoxGridRowOdd
{
     /*background:#FFF url(../img/bgtableRow.gif) repeat-x 0 1px;*/
}

.tundra  .dojoxGridRowOver .dojoxGridCell
{
    background: #FFF3D2;
    /*background:#FBFBFB;*/
    /*border-color: white transparent #D9D9D9 transparent;*/
    color:#111;
}

.tundra  .dojoxGridRowSelected .dojoxGridCell
{
    /*background: #BCC7D8;*/
    background: #E5F993;
    /*border-color: transparent;*/
}

.tundra  .dojoxGridCell
{
    font-size: 11px;
}

.tundra .dojoxGridSortNode
{
    font-weight : bold;
    color:#333;
    text-shadow:0 1px 0 #EEE;
    padding-left:4px;
}

.tundra .dojoxGridRowOver .dojoxGridCellOver
{
   /* background:#ECECEC;*/
}

.tundra .dojoxGridCellActions
{
    text-align:center;    
}

.tundra .dojoxGridHeadActions
{
    text-align:center;
}

.tundra .dojoxGridCell
{
padding:3px 3px;
vertical-align: middle;
}


.tundra .dijitSplitContainer-child
{
/*border:1px solid #C1BBB2;*/
}

.tundra .dijitSplitContainer-child,
.tundra .dijitBorderContainer-child {

	border:1px solid #C4C4C4;
}
.tundra .dijitBorderContainer-dijitTabContainerTop,
.tundra .dijitBorderContainer-dijitTabContainerBottom,
.tundra .dijitBorderContainer-dijitTabContainerLeft,
.tundra .dijitBorderContainer-dijitTabContainerRight {

	 border: none;
}
.tundra .dijitBorderContainer-dijitBorderContainer {

	border: none;
	padding: 0px;
}


.tundra .dijitTabContainerTop-dijitContentPane,
.tundra .dijitTabContainerLeft-dijitContentPane,
.tundra .dijitTabContainerBottom-dijitContentPane,
.tundra .dijitTabContainerRight-dijitContentPane,
.tundra .dijitAccordionContainer-dijitContentPane
{
    background:#F4F4F4;
    padding:10px;
}

.tundra .dijitSplitterV, .tundra .dijitGutterV,
.tundra .dijitSplitterH, .tundra .dijitGutterH
{
    background:#F4F4F4;
}

.dijitTreeLabel
{
    font-size:11px;
}

.modguibanner
{
    background:#d7d7d7 url(../img/bgboxcontent.gif) repeat-x scroll top;
    border-bottom:1px solid #999;
}

.tundra .dijitTabContainerTop-tabs .dijitTabChecked 
{
    background:#fff url(../img/bgtabselected.gif) repeat-x bottom;
    border-bottom:1px solid #F4F4F4;
}

.tundra .dijitTabContainerTop-tabs .dijitTabChecked span
{
    color:#005BA8;
    font-weight: bold;
}

.tundra .guitoolbar
{
    background:#d7d7d7 url(../img/bgboxcontent.gif) repeat-x top;
    border:1px solid #C4C4C4;
    overflow:hidden;
}

#gui.GuiMenu.header
{
    background:red;
}

.tundra a
{
   color:#005BA8;
    text-decoration: none;
}

.tundra .dijitTabContainerTop-tabs
{
    border-color:#9A9A9A;
}

.tundra h2
{
    color:#555;
    text-shadow:0 1px 0 #FBFBFB;
}

.tundra a:hover
{
    text-decoration: underline;
}

/***************************************************************************
  *
  * GLOBAL GUI COMPONENTS CSS
  *
  ****************************************************************************/

/* CONTAINER */

#maingui
{
    width:100%;
    height:100%;
}

#guiContainer
{
    width: 100%;
    height: 100%;
    background: #F0F0F0 url('../img/header_bg.png') repeat-x top;
}

/* HEADER */

#guiHeader
{
    height: 87px;
    margin-top: 3px;
}

#guiHeaderLogo
{
    float: left;
    margin: 10px 0px 0px 10px;
}


/* FOOTER */
#guiFooter
{
    height:22px;
    text-align: right;
    border-top:1px solid #FFF;
    border-bottom:1px solid #333;
}

#guiFooter span
{
    color:#888;
    padding:3px;
    display: block;
    font-size: 10px;
}

/* BANNER */

#guiBanner
{
    vertical-align: middle;
    width: auto;
    height: 56px;
}

#guiBanner h1
{   
    color:#EEE;
    margin-left:18px;
     margin-top:18px;
    font-size:20px;
     text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
}

/* USER TOOLBAR */

#guiUserToolbar
{
}

#guiUserToolbar span
{
    color:#BBB;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);
}

#guiUserToolbar .dijitDropDownButtonHover,
#guiUserToolbar .dijitButtonHover
{
    background:#777;
    border:1px solid #777;
    -moz-border-radius:3px;
}

#guiUserToolbar .dijitDropDownButtonHover span,
#guiUserToolbar .dijitButtonHover span
{
    color:#F9F9F9;
     text-shadow: #333 0 -1px 0;
}

/*NAV  TOOLBAR */

#guiNavToolbar
{
    padding:0px;
    background: #CCC url(../img/bgboxcontent.gif) repeat-x top;
    border-top:1px solid #DBDBDB;
    border-bottom:1px solid #A6A6A6;
    height: 30px;
    -moz-box-shadow:0 0 8px #111;
    box-shadow: #111 0 0 8px;
    -webkit-box-shadow: #111 0 0 8px;
    -moz-box-shadow: #111 0 0 8px;
}

#guiNavToolbar .dijitDropDownButton,
#guiNavToolbar .dijitButton
{
    margin:0;
    padding-left: 10px;
    padding-right: 10px;
    border:0;
    border-left:1px solid #D9D9D9;
    border-right:1px solid transparent;
    height: 24px;
    padding-top:4px;
}

#guiNavToolbar .dijitDropDownButtonHover,
#guiNavToolbar .dijitDropDownButtonActive,
#guiNavToolbar .dijitDropDownButtonOpened,
#guiNavToolbar .dijitDropDownButtonOpenedActive,
#guiNavToolbar .dijitButtonHover
{
    background:#888;
    border:0;
    border-left:1px solid #777;
    border-right:1px solid #777;
}

#guiNavToolbar .dijitDropDownButtonHover span,
#guiNavToolbar .dijitDropDownButtonActive span,
#guiNavToolbar .dijitDropDownButtonOpened span,
#guiNavToolbar .dijitDropDownButtonOpenedActive span,
#guiNavToolbar .dijitButtonHover span
{
    color:#F6F6F6;
    text-shadow: #333 0 -1px 0;
}

.tundra  .dijitMenu
 {
     border:1px solid #A6A6A6;
     background: #A5A5A5 url(../img/nav_bg.png) repeat-x top;
}

.tundra  .dijitMenuItem
{
   background:transparent;
   border:0;
   border-left:1px solid #888;
   border-right:1px solid #888;
}

#guiNavToolbar span
{
    font-size: 12px;
    color:#333;
    font-weight: bold;
    text-shadow: #F9F9F9 0 1px 0;
}

/*VIEW MANAGER */

#guiViewManager .dijitTabContainerBottom-tabs
{
    border-top:1px solid #AAAAAA;
}

#guiViewManager .dijitTabContainerBottomStrip
{
    background: #CCC url(../img/nav_bg.png) repeat-x top;
    /*border-bottom:1px solid #666;*/
}

.tundra #guiViewManager .dijitTabContainerBottom-dijitContentPane
{
    padding:18px;
}

/***************************************************************************
  *
  * MODGUI COMPONENTS CSS
  *
  ****************************************************************************/

.modGuiHeader
{
    background-color: #E4E6E7;
}

.tundra #guiViewManager .modGuiSidebar
{
    width: 200px;
	overflow: auto;
   /* background:#F2F5F9;*/
}

.modGuiHeader h2
{
    display: inline;
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0px;
}

/***************************************************************************
  *
  * MISCELLANIOUS CSS
  *
  ****************************************************************************/
 
.vtPanelButton
{
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 2px;
}

.vtCloseButton
{
    background: url('../img/btnClose.png') no-repeat scroll right top transparent;
}

.vtCloseButton:hover
{
    background: url('../img/btnCloseH.png') no-repeat scroll right top transparent;
}

.vtRefreshButton
{
    background: url('../img/btnRefresh.png') no-repeat scroll right top transparent;
}

.vtRefreshButton:hover
{
    background: url('../img/btnRefreshH.png') no-repeat scroll right top transparent;
}

.header { color: #fff;}

/***************************************************************************
  *
  * Colomns renderer
  *
  ****************************************************************************/

.vtBooleantrue, .vtBooleanfalse, .vtBooleantruenochange, .vtBooleanfalsenochange
{
    display: block;
    width: 19px;
    height: 8px;
}

.vtBooleanfalse
{
    background: url(../img/icons/boolean.png) 0 -16px no-repeat;
}
.vtBooleantrue
{
    background: url(../img/icons/boolean.png) 0 0px no-repeat;
}

.vtBooleanfalse:hover, .vtBooleantrue:hover
{
    background: url(../img/icons/boolean.png) 0 -8px no-repeat;
}

.vtMoveUp, .vtMoveDown{
    display: block;
    float:left;
    width: 16px;height: 16px;
}

.vtMoveUp
{
    background: url(../img/icons/arrow.png) 0 2px no-repeat;
}

.vtMoveDown
{
    background: url(../img/icons/arrow.png) -16px 2px no-repeat;
}

/***************************************************************************
  *
  * VT GROWLER CSS
  *
  ****************************************************************************/

.vtGrowler {
    font-size: 0.9em;
    position: relative;
    margin: 10px 10px 15px 10px;
    width: 293px;

    color: white;
    font-family: "Helvetica Neue", Helvetica,Arial,sans-sarif;
}

.vtGrowler,
.vtGrowler .footer {
    background: transparent url("../img/growler_bg.png") top left no-repeat scroll;
}
.vtGrowler:hover,
.vtGrowler.hover {
    background-position: top right;
}
.vtGrowler:hover .footer,
.vtGrowler.hover .footer {
    background-position: bottom right;
}
.vtGrowler p {
    padding: 20px 20px 5px 50px;
}

.vtGrowler p.error {
    background: transparent url("../img/icons/growler_error.png") 15px 15px no-repeat scroll;
}

.vtGrowler p.notify {
    background: transparent url("../img/icons/growler_check.png") 15px 15px no-repeat scroll;
}

.vtGrowler .footer {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 25px;
    background-position: bottom left;
}

.tundra  .dijitTabContainerTabListNested .dijitTabChecked
{
    border:1px solid #CCC;
    border-bottom-color: #F4F4F4;
}

.dj_webkit .tundra .dijitPopup .dijitMenu
{
    -webkit-box-shadow: 0px 0px 5px #222;
}

 .tundra .dijitPopup .dijitMenu
 {
     -moz-box-shadow:0 0 6px #222;
    box-shadow: #222 0 0 6px;
    -webkit-box-shadow: #222 0 0 6px;
    -moz-box-shadow: #222 0 0 6px;
 }

/***************************************************************************
  *
  * login box if use vtsecure plugin
  *
  ****************************************************************************/

.login-box-footer
{
    text-align: center;
    margin-top:12px;
}

.login-box-footer span
{
    color:#888888;
    display:block;
    font-size:10px;
    padding:3px;
}

.login-box-header  h1
{
    color:#EEEEEE;
    font-size:20px;
    text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
}

.login-box-header
{
    border-top:1px solid #42A7E9;
    background:#F0F0F0 url(../img/header_bg.png) repeat-x scroll center top;
}

/***************************************************************************
  *
  * DIV NOTE / WARNING / IMPORTANT
  *
  ****************************************************************************/

div.warning,
div.note
{
    border:1px solid #ccc;
    padding-left:22px;
    background-position:8px 8px;
    background-repeat:no-repeat;
    font-size:11px;
    -moz-border-radius:5px;
    margin:8px 0px;
}

div.warning p,
div.note p
{
 margin:8px;
}

div.warning
{
    background-color:#F8F3BE;
    border-color:#D4BD82;
    min-height:22px;
    background-image:url("../img/icons/important.png");
    color:#846918;
}

div.note
{
    background-color:#E3ECFF;
    border:1pt solid #B4C1D4;
    background-image:url("../img/icons/note.png");
    color:#4E5563;
}

/** DIV In Tab */

div.container-right{
    border-left:1px solid #CFCFCF;
    float:right;
    padding-left:10px;
    width:240px;
    min-height:300px;
}

div.container-center {
    margin-right:260px;
    min-height:300px;
}

div.container-center h2, div.container-right h2
{
    margin-top:4px;
    color:#005BA8;
}

.annotation
{
    text-shadow:1px 1px #FFFFFF;
    color:#696969;
}

.tundra .dojoDndItem
{
    cursor:default;
}

.tundra .dojoDndHandle
{
    cursor:move;
    background:#FFF url(../img/dndhandle.png) no-repeat center;
    font-size:11px;
}

.dijitTooltip {max-width: 220px;}

.dijitTooltipHelp
{
    font-weight: normal;
    padding:0px 6px;
    color:#555;
}

.nestedfHeader
{

    background-color: #dddddd;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
    border-top-style: outset;
    border-right-color: #ffffff;
    border-left-color: #ffffff;
    border-bottom-color: #ffffff;
    border-top-color: #ffffff;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
}
.nestedChildren{

    border-right-style: dashed;
    border-left-style: dashed;
    border-bottom-style: dashed;
    border-top-style: dashed;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #DDDDDD;
    border-left-color: #DDDDDD;
    border-bottom-color: #DDDDDD;
    border-top-color: #DDDDDD;
    padding: 3px;
    padding-left:10px;
    margin: 5px;
}

.nestedChildren.dojoDndSource .dojoDndHandle { background: #fee; }
.vtBooleanfalsenochange
{
    background: url(../img/icons/booleanNoChange.png) 0 -16px no-repeat;
}
.vtBooleantruenochange
{
    background: url(../img/icons/booleanNoChange.png) 0 0px no-repeat;
}
.tundra  .componentSeparator
{
    border-bottom:1px dashed #EAEAEA;
    margin:0;
    padding:6px;
}

.tundra  legend
{
    color:#005BA8;
    font-size:14px;
    padding:4px;

}

.tundra  fieldset
{
    border:none;
    border-top: 1px solid #B0BCC6;

}

 .tundra .dijitDialog {
     border-color:#AAA;
    -moz-box-shadow:0 0 2px #474E39;
    -webkit-box-shadow: 0 0 2px #474E39;
    box-shadow: #474E39 0 0 2px;
 }

 /***************************************************************************
  *
  * TRANSLATION
  *
  ****************************************************************************/

.vtflag
{
    display :inline-block;
    width : 16px;
    height : 11px;
    background : url(../img/flags.gif) 16px 0 no-repeat;
    text-indent: -1000px;
    margin-left : 5px;
}

.vtflag_fr{ background-position: 0 0;}
.vtflag_en{ background-position: -16px 0;}
.vtflag_it{ background-position: -32px 0;}
.vtflag_de{ background-position: -48px 0;}
.vtflag_es{ background-position: -64px 0;}
.vtflag_ro{ background-position: -112px 0;}

 .tundra .dijitTitlePaneTextNode
 {
    font-weight: bold;
    text-shadow: 0 1px 0 #F9F9F9;
    color:#555;
}


.dijitColorPalette .dijitPaletteImg img
{
    width:16px;
    height:14px;
}


.tundra .dojoxExpandoTitle{

background: url("../img/bgboxcontent.gif") repeat-x scroll top #D7D7D7;
border-bottom: 0;

}

.tundra  .dojoxExpandoWrapper {
	padding: 5px;
	border: 1px solid #CCC;
}
.tundra  .dojoxExpandoClosed {
	background-color: #e8e8e8;
}
.tundra .dojoxExpandoRight .dojoxExpandoTitle, .tundra .dojoxExpandoLeft .dojoxExpandoTitle, .tundra .dojoxExpandoClosed .dojoxExpandoTitle, .tundra .dojoxExpandoClosed{
	background-color: #e8e8e8;
}



 .CodeGlassViewerdefault {
-moz-border-radius:6px 6px 6px 6px;
-moz-box-shadow:0 0 4px #AAAAAA;
background:none repeat scroll 0 0 white;
border:1px solid #CCCCCC;
font-family:Helvetica;
position:absolute;
z-index:9999999;
}

.codeGlassViewer .header {
/*-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
background:url("../CodeGlass/resources/bgHead.png") repeat-x scroll left bottom transparent;
border-bottom:1px solid #CCCCCC;
top:0;*/
border-bottom:1px solid #CCCCCC;
padding: 3px;
margin-bottom:5px;
clear: both;
width: 100%;
color: black;
}


.codeGlassViewer .header, .codeGlassViewer .footer {
/*font-size:0.95em;
height:3em;
overflow:hidden;
position:absolute;
width:100%;*/
}
.codeGlassViewer .wrapper {
height:100%;
width:100%;
}

.codeGlassViewer .contentWrapper {
bottom:0;
left:0;
margin:3em 0;
padding:5px 8px 8px 5px;
position:absolute;
right:0;
top:0;
}
.CodeGlassViewerdefault {
/*font-family:Helvetica;*/
}

.codeGlassViewer .footer {
/*color:black;
padding:0;
text-align:left;*/
}

.codeGlassViewer .footer {
/*-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
border-top:1px solid #CCCCCC;
bottom:0;*/
}

.codeGlassViewer .header, .codeGlassViewer .footer {
/*font-size:0.95em;
height:3em;
overflow:hidden;
position:absolute;
width:100%;*/
}

.codeGlassViewer .header div.demo {
/*background-image:url("../CodeGlass/resources/demo.png");*/
}

.codeGlassViewer .header .menuItem {
background-position:4px 8px;
background-repeat:no-repeat;
cursor:pointer;
padding:11px 8px 8px 24px;
}

.codeGlassViewer .header .menuItem, .codeGlassViewer .footer .menuItem {
/*border-right:1px solid #CCCCCC;
float:left;
height:1.5em;
padding:8px 8px 10px 5px;*/
}

.codeGlassViewer .header .active {
/*background-color:#F3F3F3;
text-decoration:underline;*/
}

.displayNone{
	display: none;
}

.response-waiting{
	height: 30px;
	padding-left: 125px;
}

form .guiContainerButton
{
	padding:15px 0px 2px 120px;
	margin:4px 0px;
	clear:both;
	height:30px;
}

form .guiComponentButton
{
	float:left;
	margin:0px 5px;
}

form .text-superadmin{
  color: #41A317;
  font-weight: bold;
}



.list-message-ticker
{
    list-style: none;
    padding:5px 20px;
}

.list-message-ticker li
{
    padding:4px;
    border-bottom:1px dashed #DDD;
    color:#555;
}

#home-ticker-content{
  padding: 20px;
}
#ticker-box{
  border-width: 1px;
  border-style: solid;
  border-color: #bfbfbf;
}

#dashbord-google-analytics-stats{
  border-top: 1px solid #bfbfbf;
}

.dashbord-title-txt{
   color: #555555;
   font-weight: bold;
   text-shadow: 0 1px 0 #F9F9F9;
}