img {
    border:none;
    outline:none;
    vertical-align:middle;
}

h1,h2,h3,h4,h5,h6,p{
    margin:0px;
    padding:5px 0px 5px 0px;
    background-color:transparent;
}

/* Used to stop font-face height diff*/
/*
h1{line-height:1.5em;}
h2{line-height:1.2em;}
h3{line-height:1.1em;}*/

hr {
	line-height:1px !important;
	height:1px !important;
	border-top:1px dashed #ffffff;
	border-bottom:1px dashed #555555;
	color:none !important;
	background-color: transparent !important;
}

fieldset{
	color:#000000;
	background-color:#ffffff;
	margin-left:0px;
	box-sizing: border-box;
	padding:10px !important;
}
fieldset.hover:hover{
	color:#000000 !important;
    background-color:#EFF5E2 !important;
    border-color:#95B93D !important;
    cursor:pointer;
}

/* Table - common*/

table td img.icon{
	position:relative;
	top:0.15em;
	left:-1px;
}
table{font-size:1em;width:100%;box-sizing: border-box;}
table:first-child{font-size:1em;}
table{
    font-size:100%;
    font-family: "VLEFont", Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:10px;
}
table td,
table th{
	vertical-align:top !important;
	font-size:1em;
}
table th{
	font-size:1em;
}

/* Standard bullet list */
ul.nobullets,
ul.nobullets ul{
    list-style-type:none;
    margin-left:0px;
    padding-left:0px;
}
ul.nobullets ul{
    margin-left:15px;
}

ul.bullets,
ul.bullets ul{
    list-style-type:none;
    margin-left:20px;
    padding:0px;
}
ul.bullets li{
    background-repeat:no-repeat;
    background-position:0em 0.1em;
    padding:0.1em 0px 0.1em 20px;
    margin:0px;
    height:1%;
}

ul li.menuEnd,
ul li.listEnd{
    font-size:0px !important;
    height:0px !important;
    line-height:0px !important;
    clear:both !important;
    padding:0px !important;
    margin:0px !important;
    float:none !important;
}
/** NICE BUTTONS
*/
[class^="button"],
[class*=" button"],
[class^="clickable"],
[class*=" clickable"],
[class^="submitBig"],
[class*=" submitBig"],
input[type=submit]{
	display:inline-block;
	font-size:0.85em !important;
	background-color: #eeeeee;
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	border:1px solid #aaaaaa !important;
	padding:5px !important;
	text-decoration:none !important;
	margin:2px 2px 1px 0px !important;
	vertical-align:top !important;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	box-shadow:1px 1px 4px rgba(50,50,50,0.1);
	border-radius:3px;
	text-shadow:1px 1px rgba(255,255,255,0.5);
	cursor:pointer !important;
}
[class^="button"]:hover,
[class*=" button"]:hover,
[class^="button"]:active,
[class*=" button"]:active,
[class^="clickable"]:hover,
[class*=" clickable"]:hover,
[class^="clickable"]:active,
[class*=" clickable"]:active,
[class^="submitBig"]:hover,
[class*=" submitBig"]:hover,
[class^="submitBig"]:active,
[class*=" submitBig"]:active,
input[type=submit]:hover,
input[type=submit]:active{
	margin:3px 1px 0px 1px !important;
	border:1px solid #999999;
	text-shadow:-1px -1px rgba(255,255,255,0.5);
	box-shadow:0px 0px 5px rgba(50,50,50,0.3);
}

/** YELLOW BUTTONS */
.buttonyellow,.buttonsimpleImportant{
	background: -moz-linear-gradient(top, #FDEBA2 0%, #FBDF6B 50%, #FACE1F 51%, #FCE589 100%);
	background: -webkit-linear-gradient(top, #FDEBA2 0%,#FBDF6B 50%,#FACE1F 51%,#FCE589 100%);
	background: linear-gradient(to bottom, #FDEBA2 0%,#FBDF6B 50%,#FACE1F 51%,#FCE589 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCE589', endColorstr='#FACE1F',GradientType=0 );
	background-color:#FCE589 !important;
}
.buttonyellow:hover,.buttonyellow:active,.buttonsimpleImportant:hover,.buttonsimpleImportant:active{
}

/** GREEN BUTTONS */
.buttongreen,.buttonsimpleActive{
	background: -moz-linear-gradient(top, #ECEC80 0%, #ECEC80 50%, #CBD35D 51%, #C7D95F 100%);
	background: -webkit-linear-gradient(top, #B4CE22 0%,#ECEC80 50%,#CBD35D 51%,#C7D95F 100%);
	background: linear-gradient(to bottom, #ECEC80 0%,#ECEC80 50%,#CBD35D 51%,#C7D95F 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECEC80', endColorstr='#CBD35D',GradientType=0 );
	background-color:#A7C748 !important;
}
.buttongreen:hover,.buttongreen:active,.buttonsimpleActive:hover,.buttonsimpleActive:active{
}

/** RED BUTTONS **/
.buttonred{
	color:#dd0000 !important;
}

/** BUTTON DISABLED **/
.buttondisable{
	background-color:#dddddd !important;
	opacity:0.5 !important;
	cursor:default !important;
}

/**
* BUTTON PRESSED IN
* A simple white button with the same border as the normal "button" class
* It has no hover effect either as it is designed to look like the button was
* pressed in.
*/
.buttonpressed,
.buttonpressed:hover{
	background-color:#ffffff !important;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(150,150,150,0.2);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(150,150,150,0.2);
	box-shadow: inset 0px 0px 10px 0px rgba(150,150,150,0.2);
	border-color:#dddddd !important;
	cursor:default !important;
}

.pressMeIn:hover,
.pressMeIn:active{
	opacity:0.7;
	position:relative;
	top:1px;
	left:1px;
}

/**
* Format button for tab effect - use in conjunction with button
* eg class='button tab'
* Apply the same class to the element they will sit above to ensure unity
*/
*.butUTab{ /* Apply this to the container*/
	margin:0px 0px 0px 0px !important;
	position:relative;
	top:2px;
	left:0px;
}
a.tab{
	background-color:#DFDFDF !important;
	border-bottom:none !important;
	margin:10px 1px 0px 0px !important;
	padding-bottom:5px !important;
	padding-top:5px !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	border-top-right-radius: 5px !important;
	border-top-left-radius: 5px !important;
	font-size:11px!important;
}
a.tab:hover{
	margin:5px 1px 0px 0px !important;
	padding-bottom:10px !important;
}

/**
* Format button for upside-down tab effect - use in conjunction with button
* eg class='button utab'
* Apply the same class to the element they will sit inside to ensure unity
*/
*.butUTab{ /* Apply this to the container*/
	margin:1px 0px 20px 0px !important;
}
a.utab{
	border-top:none !important;
	margin:0px 1px 2px 0px !important;
	padding-bottom:5px !important;
	padding-top:5px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	border-bottom-right-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
	font-size:11px!important;
}
a.utab:hover{
	margin:0px 1px 0px 0px !important;
	padding-top:7px !important;
}

/* FILE MANAGER */
.fileManager{
	min-height:100px; /* IE7/8 Bug fix*/
}
.fileManager a{
	text-decoration:none !important;
}
.fileManager div.bigThumbFrame{
    margin-bottom:2px;
    margin-right:3px;
    position:relative;
    width:96px;
    overflow:hidden;
    font-size:13px !important;
    border:none !important;
	margin-bottom:20px;
}
.fileManagerInPopup div.bigThumbFrame{
    position:static !important;
	margin-bottom:20px;
}
.fileManager div.bigThumbFrame .icon_48{
	margin-top:8px;
	margin-bottom:8px;
}

.fileManager div.hugeThumbFrame{
    margin-bottom:5px;
    margin-right: 1.6%;
    position:relative;
    width:136px;
    overflow:hidden;
    border:none;
    font-size:13px;
}
.fileManager div.hugeThumbFrame .cL_opts{
	position:relative;
	color:#000000;
	background-color:#dddddd;
	padding:10px;
	margin-bottom:15px;
    background-image:url("/themes/images/fileman_thumb_bg.gif");
    background-repeat:repeat-x;
    background-position:top left;
    border-width:0px 1px 1px 1px;
    border-color:#dddddd;
    border-style:solid;
}
.fileManager div.hugeThumbFrame .cL_check{
	position:absolute;
	bottom:2px;
	right:2px;
	padding:5px;
	color:#000000;
	background-color:#dddddd;
}
.fileManager div.hugeThumbFrame .cL_conf{
	border-left:1px solid #dddddd;
	padding-left:5px;
}

.fileManagerInPopup div.hugeThumbFrame{
    position:static !important;
}
.fileManager div.hugeThumbFrame .icon_120{
    padding-top:2px;
    padding-bottom:2px;
}

.fileManager span.thumbIcon{
    position:absolute;
    top:20px;
    left:4px;

}
.fileManager span.fullscreenIcon{
    position:absolute;
    top:0px;
    right:0px;
    visibility:hidden;
}

.fileManager div.bigThumbOpts,
.fileManager div.hugeThumbOpts{
    font-size:0.65em;
    visibility:hidden;
    position:absolute;
    bottom:0px;
    left:0px;
    background-color:#ffffff;
    border-top:1px solid #888888;
    width:100%;
    padding-top:4px;
}
.fileManager div.bigThumbOptsTouch{
	position:absolute;
	top:0px;
	left:0px;
	padding-top:0px;
	height:90px;
	width:96px;
	text-align:center;
	display:none;
	background-image:url("/images/semi-trans-white2.png");
	background-repeat:repeat;
	background-position:top left;
}

.fileManager div.hugeThumbOptsTouch{
	position:absolute;
	top:0px;
	left:0px;
	padding-top:0px;
	height:136px;
	width:136px;
	text-align:center;
	display:none;
	background-image:url("/images/semi-trans-white2.png");
	background-repeat:repeat;
	background-position:top left;
}

.btoTouchThumb{
	display:block !important;
}

.fileManager input.selectItem{
    position:absolute;
    top:2px;
    left:2px;
    cursor:pointer;
}
.fileManager div.bigThumbFrame:hover div.bigThumbOpts,
.fileManager div.bigThumbFrame:hover span.fullscreenIcon,
.fileManager div.hugeThumbFrame:hover div.hugeThumbOpts,
.fileManager div.hugeThumbFrame:hover div.bigThumbOpts,
.fileManager div.hugeThumbFrame:hover span.fullscreenIcon{
    visibility:visible;
}

.fileManager a.bigThumb,
.fileManager span.bigThumb{
    display:block;
    padding:5px;
    text-align:center;
    font-size:0.85em;
    text-decoration:none;
    height:100px;
    border:none;
    background-image:url("/images/semi-trans-white.png");
}

.fileManager a.hugeThumb,
.fileManager span.hugeThumb{
    display:block;
    padding:5px;
    text-align:center;
    font-size:0.85em;
    text-decoration:none;
    height:120px;
    border:none;
    color:#000000;
    background-color:#F4F4F4;
}

.fileManager a.guestThumb,
.fileManager span.guestThumb{
	color:#000000;
	background-color:#FFEAAC;
	border:1px solid #FFCD37;
}

.fileManager a.readOnly,
.fileManager span.readOnly{
	color:#000000;
	background-color:#F8D0C9;
	border:none;
}

.fileManager span.bigThumb,
.fileManager span.hugeThumb{
    color:#666666;
    background-color:inherit;
}

.fileManager div.bigThumbFrame:hover a.bigThumb,
.fileManager a.bigThumb:hover,
.fileManager div.bigThumbFrame:hover span.bigThumb,
.fileManager span.bigThumb:hover{
	color:#000000;
	background-color:#D7F0FC;
	background-image:none;

}

.fileManager div.hugeThumbFrame:hover a.hugeThumb,
.fileManager a.hugeThumb:hover,
.fileManager div.hugeThumbFrame:hover span.hugeThumb,
.fileManager span.hugeThumb:hover{
	border:none;
	color:#000000;
	background-color:#D7F0FC;
	background-image:none;
}
.fileManager div.highlight span.bigThumb,
.fileManager div.highlight a.bigThumb{
	background-color:#FFF0C1 !important;
	border:none;
	font-weight:normal;
}

div.fileManager div.options a.button,
div.fileManager div.options a.buttongreen{
    width:163px !important;
    margin-bottom:8px !important;
    font-size:0.8em;
}

.fileManager_miniPreview{
    width:380px;
    height:310px;
    overflow:auto;
    text-align:center;
}
.fileManager div.displaytypes a img{
    border:1px solid #dddddd;
    color:#000000;
    background-color:#ffffff;
    position:relative;
    top:-4px;
    padding:2px;
}
.fileManager div.displaytypes a:hover img,
.fileManager div.displaytypes a.active img{
    border:1px solid #000000;
}

.fileManager div.fm_listfiles{
    height:100px;
    overflow:auto;
    border:none;
    padding:0px;
    margin:0px;
}
.fileManager div.playMovie{
    text-align:center;
    position:relative;
    top:-40px;
    left:0px;
    margin-bottom:-10px;
}

.fileManager div.playMusic{
    font-size:0.8em;
    color:#666666;
    background-color:inherit;
    position:relative;
    top:-40px;
    left:0px;
    padding-top:13px;
    padding-left:45px;
}

#filePreviewWindow{
    width:400px;
    min-height:300px;
    margin:0px;
    padding:0px;
}

/* un/selectedData used by myData.toggleSelect() */
.fileManager .unselectedData{
    color:#000000;
    background-color:transparent;
    border:none;
    padding:0px;
    margin-bottom:0px;
}
.fileManager .selectedData{
    color:#000000;
    background-color:#ffffff;
    border:none;
    padding:0px;
    margin-bottom:0px;
}

.fileManager .selectedData a.bigThumb{
	border:none;
	color:#000000;
	background-color:#D5F0AE;
}

.fileManager .dd_activeDrag a.bigThumb{
	border:none;
	color:#000000;
	background-color:#D5F0AE;
	background-color:#D5F475 !important;
	background-image:url("../images/fman_drag.png") !important;
	background-position:center center;
	background-repeat:no-repeat;
}
.fileManager .dd_activeDragEnter a.bigThumb{
	border:none;
	color:#000000 !important;
	background-color:#D5F475 !important;
	background-image:url("../images/fman_enter.png") !important;
	background-position:center center;
	background-repeat:no-repeat;
}
.fileManager .dd_activeDrag img,
.fileManager .dd_activeDragEnter img{
    visibility:hidden !important;
}
.fileManager div.dd_hidden:hover div.bigThumbOpts,
.fileManager div.dd_hidden:hover span.fullscreenIcon{
    visibility:hidden !important;
}

/**
SIMPLE BOX  - SILVER
####################*/
.simplebox_silver,
.simplebox_silver2,
.claroMessageBox,
.simplebox_silver_block,
.simplebox_silver2_block,
.simplebox_silver_active,
.simplebox_silver2_active,
.simplebox_silver_block_active,
.simplebox_silver2_block_active{
    color:#000000;
    background-color:#eaeaea;
    padding:5px;
    border:1px solid #dddddd;
    margin-bottom:0px;
   -moz-box-shadow:    inset 0 0 10px #eeeeee;
   -webkit-box-shadow: inset 0 0 10px #eeeeee;
   box-shadow:         inset 0 0 10px #eeeeee;
}
.simplebox_silver2,
.simplebox_silver2_block{
    color:#000000;
    background-color:#dddddd;
    padding:5px;
    border:1px solid #aaaaaa;
    margin-bottom:0px;
   -moz-box-shadow:    inset 0 0 10px #ffffff;
   -webkit-box-shadow: inset 0 0 10px #ffffff;
   box-shadow:         inset 0 0 10px #ffffff;
}

.simplebox_silver,
.simplebox_silver_active,
.simplebox_silver2,
.simplebox_silver2_active{
    color:#000000;
    background-color:#ffffff;
	display:-moz-inline-box;
	display:inline-block;
}
.simplebox_silver_active,
.simplebox_silver_block_active,
.simplebox_silver2_active,
.simplebox_silver2_block_active{
    color:#000000;
    background-color:#ffffff;
    border:2px solid #000000;
    padding:4px 5px 4px 5px;
    font-weight:bold;
}

/**
SIMPLE BOX  - BLUE
####################*/
.shaded_blue,
.shaded_blue_block,
.shaded_blue_active,
.shaded_blue_block_active{
    color:#000000 !important;
    background-color:#C8DEF1 !important;
    padding:5px;
    border:1px solid #bbbbff;
    margin:0px;
   -moz-box-shadow:    inset 0 0 10px #ffffff;
   -webkit-box-shadow: inset 0 0 10px #ffffff;
   box-shadow:         inset 0 0 10px #ffffff;
}
.shaded_blue,
.shaded_blue_active{
    color:#000000 !important;
    background-color:#f5f7fa !important;
	display:-moz-inline-box;
	display:inline-block;
}
.shaded_blue_active,
.shaded_blue_block_active{
    color:#000000 !important;
    background-color:#f5f7fa !important;
    border:2px solid #000000;
    padding:4px 5px 4px 5px;
    font-weight:bold;
}

/**
SIMPLE BOX  - YELLOW
####################*/
.shaded_yellow,
.shaded_yellow_block,
.shaded_yellow_active,
.shaded_yellow_block_active{
    color:#000000 !important;
    background-color:#F8E49A !important;
    padding:5px;
    border:1px solid #F8D252;
    margin:0px;
   -moz-box-shadow:    inset 0 0 10px #ffffff;
   -webkit-box-shadow: inset 0 0 10px #ffffff;
   box-shadow:         inset 0 0 10px #ffffff;
}
.shaded_yellow,
.shaded_yellow_active{
    color:#000000 !important;
    background-color:#F8E49A !important;
	display:-moz-inline-box;
	display:inline-block;
}
.shaded_yellow_active,
.shaded_yellow_block_active{
    color:#000000 !important;
    background-color:#F8E49A !important;
    border:2px solid #000000;
    padding:4px 5px 4px 5px;
    font-weight:bold;
}

/**
SIMPLE BOX  - GREEN
####################*/
.shaded_green,
.shaded_green_block,
.shadeden_green_active,
.shaded_green_block_active{
    color:#000000 !important;
    background-color:#E6F0C6!important;
    padding:5px;
    border:1px solid #B3D159;
    margin:0px;
   -moz-box-shadow:    inset 0 0 10px #ffffff;
   -webkit-box-shadow: inset 0 0 10px #ffffff;
   box-shadow:         inset 0 0 10px #ffffff;
}
.shaded_green,
.shaded_green_active{
    color:#000000 !important;
    background-color:#E6F0C6!important;
	display:-moz-inline-box;
	display:inline-block;
}
.shaded_green_active,
.shaded_green_block_active{
    color:#000000 !important;
    background-color:#f7f4e2 !important;
    border:2px solid #000000;
    padding:4px 5px 4px 5px;
    font-weight:bold;
}

/**
SIMPLE BOX  - ORANGE
####################*/
.shaded_orange,
.shaded_orange_block,
.shaded_orange_active,
.shaded_orange_block_active{
    color:#000000 !important;
    background-color:#FFCE9D !important;
    padding:5px;
    border:1px solid #eeccaa;
    margin:0px;
   -moz-box-shadow:    inset 0 0 10px #ffffff;
   -webkit-box-shadow: inset 0 0 10px #ffffff;
   box-shadow:         inset 0 0 10px #ffffff;
}
.shaded_orange,
.shaded_orange_active{
    color:#000000 !important;
    background-color:#FFCE9D !important;
	display:-moz-inline-box;
	display:inline-block;
}
.shaded_orange_active,
.shaded_orange_block_active{
    color:#000000 !important;
    background-color:#FFCE9D !important;
    border:2px solid #000000;
    padding:4px 5px 4px 5px;
    font-weight:bold;
}

/**
SIMPLE BOX  - RED
####################*/
.shaded_red,
.shaded_red_block,
.shaded_red_active,
.shaded_red_block_active{
    color:#000000 !important;
    background-color:#FFDEDE !important;
    padding:5px;
    border:1px solid #FF9797;
    margin:0px;
   -moz-box-shadow:    inset 0 0 10px #ffffff;
   -webkit-box-shadow: inset 0 0 10px #ffffff;
   box-shadow:         inset 0 0 10px #ffffff;
}
.shaded_red,
.shaded_red_active{
    color:#000000 !important;
    background-color:#FFDEDE !important;
	display:-moz-inline-box;
	display:inline-block;
}
.shaded_red_active,
.shaded_red_block_active{
    color:#000000 !important;
    background-color:#f8eee7 !important;
    border:2px solid #000000;
    padding:4px 5px 4px 5px;
    font-weight:bold;
}


/* POSITIONS */
.ofl    {float:left;}
.ofr    {float:right;}
.ifl,.tleft    {float:left;margin:0px 5px 5px 0px;}
.ifr,.tright    {float:right;margin:0px 0px 5px 5px;}
.ofc    {margin-left:auto;margin-right:auto;}

/* ABSOLUTE/RELATIVE POSITIONS*/
.relative{position:relative;}
.absolute{position:absolute !important;}
.topright{position:absolute  !important;top:0px;right:0px;}
.topright5px{position:absolute  !important;top:5px !important;right:5px !important;}
.topright10px{position:absolute  !important;top:10px !important;right:10px !important;}
.topleft{position:absolute  !important;top:0px;right:0px;}
.botright{position:absolute  !important;bottom:0px;right:0px;}
.botleft{position:absolute  !important;bottom:0px;right:0px;}
.posRight{right:0px;}
.posLeft{left:0px;}

/* IMAGE FRAMES */
.thumb_frame{
	border:1px solid #777777;
	padding:1px;
}


/* BUGFIX */
.iefix  { height:1%;}

/* DISPLAY TYPES */
.display_hidden {   display:none !important;}
.display_block  {   display:block !important;}
.nowrap         {   white-space:nowrap;}
.nowrap div     {   white-space:normal;}
.icon           {   vertical-align:middle;}

/* DIVIDERS */
.divide_left	{
	border-left:	1px dotted #555555;
	padding-left:10px;
	margin-left:10px;
}
.divide_right	{
	padding-right:10px;
	margin-right:10px;
}
.divide_bottom	{
	border-bottom:	1px dotted #555555;
	padding-bottom:3px;
	margin-bottom:3px;
}

/* CURSORS */
.cursor_pointer	{	cursor:pointer;}

/* .inlineblock is specified in each separate browser specific _global css file*/

/* TEXT TYPES & EFFECTS */
.glyph16			{	font-size:16px !important; }
.glyph24			{	font-size:24px !important; }
.glyph32			{	font-size:32px !important; }
.glyph48			{	font-size:48px !important; }
.glyph64			{	font-size:64px !important; }
.glyph96			{	font-size:96px !important; }
.smalltext      {   font-size:14px !important;}
.tinytext		{	font-family:verdana,sans-serif; font-size:13px !important;}
.nanotext       {   font-size:11px !important;}
.strikethrough	{	text-decoration: line-through !important;}
.bigtext		{	font-size:1.3em !important;}
.hugetext		{	font-size:2em;font-weight:800 !important;}
.textred		{	color:#cc0000 !important;background-color:inherit;}
.textgreen		{	color:#339900 !important;background-color:inherit;}
.textorange     {   color:#E59400 !important;background-color:inherit;}
.textblue	    {   color:#0000FF !important;background-color:inherit;}
.textgrey		{	color:#555555 !important;background-color:transparent;}
.textleft       {   text-align:left;}
.textright      {   text-align:right;}
.textcenter     {   text-align:center !important;}
.texttop		{	vertical-align:top;text-align:top;}
.textmiddle		{	vertical-align:middle !important;text-align:middle !important;}
.strong         {   font-weight:bold !important;}
.textshadow-white{	text-shadow:1px 1px 1px #ffffff;}
.textshadow-black{	text-shadow:1px 1px 1px #000000;}
.noselect		{   -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} /* Stop text being selectable*/

.normal			{	font-weight:100 !important;}
.dash           {   border-style: dotted;
                    border-width: 0px 0px 1px 0px;
                    color: #C0C0C0;
                    width:100%;}
.value			{	color:#888888;background-color:transparent;}
.mandatory		{	font-weight:bold;color:#dd0000;background-color:inherit;font-size:0.875em;}
.italic			{	font-style:italic !important;}
/* OVERFLOWS */
.overflow_hidden{   overflow:hidden;}
.overflow_auto  {   overflow:auto;}
.overflow_scroll{   overflow:scroll;}


/* CLEARS */
.clear            {clear:both;}
.clearleft        {clear:left;}
.clearright        {clear:right;}
hr.clear,
hr.clearleft,
hr.clearright    {font-size:1px;height:1px;line-height:1px;visibility:hidden;margin:0px 0px -1px 0px;padding:0px;}

/* OPACITY */
/* See IE specific stylesheets for their version */
.opacity10{
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  opacity: 0.1;
}
.opacity20{
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
}
.opacity30{
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}
.opacity40{
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
}
.opacity50{
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
.opacity60{
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}
.opacity70{
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}
.opacity80{
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
.opacity90{
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
}

.opacity100{
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}

.shadow{
	box-shadow: rgba(80,80,80, 0.1) 1px 1px 4px 2px;
	-moz-box-shadow: rgba(80,80,80, 0.1) 1px 1px 4px 2px;
	-webkit-box-shadow: rgba(80,80,80, 0.1) 1px 1px 4px 2px;
}

/* OPACITY */
/*
.opacity30 a{
	background-image:url("/themes/primary/images/medbutton_normal.png");
	background-repeat:no-repeat;
	background-position:top left;
	width:82px;
	height:82px;
	display:-moz-inline-box;
	display:inline-block;
}
.opacity30 a img.icon{
	background-image:none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}
*/

/* PADDING */
.pad2px     {padding:2px !important;}
.pad5px     {padding:5px !important;}
.pad10px    {padding:10px !important;}
.pad15px    {padding:15px !important;}
.pad20px    {padding:20px !important;}
.pad25px    {padding:25px !important;}
.pad50px    {padding:50px !important;}
.pl5px		{padding-left:5px !important;} /* Keep */

/* SQUARES */
.wh16		{width:16px !important;height:16px !important;}

/* WIDTH */
.w8px		{width:8px;}
.w16px		{width:16px;}
.w20px      {width:20px;}
.w30px      {width:30px;}
.w40px      {width:40px;}
.w50px      {width:50px;}
.w60px      {width:60px;}
.w70px      {width:70px;}
.w80px      {width:80px;}
.w90px      {width:90px;}
.w95px      {width:95px;}
.w100px     {width:100px;}
.w110px		{width:110px;}
.w120px     {width:120px;}
.w130px     {width:130px;}
.w140px     {width:140px;}
.w150px     {width:150px;}
.w160px     {width:160px;}
.w170px     {width:170px;}
.w180px     {width:180px;}
.w190px     {width:190px;}
.w200px     {width:200px;}
.w210px     {width:210px;}
.w220px     {width:220px;}
.w230px     {width:230px;}
.w240px     {width:240px;}
.w250px     {width:250px;}
.w270px     {width:270px;}
.w300px     {width:300px;}
.w310px     {width:310px;}
.w320px     {width:320px;}
.w360px     {width:360px;}
.w400px     {width:400px;}
.w430px     {width:430px;}
.w500px     {width:500px;}
.w520px     {width:520px;}
.w550px     {width:550px;}
.w580px     {width:580px;}
.w600px     {width:600px;}
.w700px     {width:700px;}
.w750px     {width:750px;}
.w900px     {width:900px;}
.w1000px    {width:1000px;}

.w1pc{width:1%;}
.w2pc{width:2%;}
.w3pc{width:3%;}
.w4pc{width:4%;}
.w5pc{width:5%;}
.w6pc{width:6%;}
.w7pc{width:7%;}
.w8pc{width:8%;}
.w9pc{width:9%;}
.w10pc{width:10%;}
.w11pc{width:11%;}
.w12pc{width:12%;}
.w13pc{width:13%;}
.w14pc{width:14%;}
.w15pc{width:15%;}
.w16pc{width:16%;}
.w17pc{width:17%;}
.w18pc{width:18%;}
.w19pc{width:19%;}
.w20pc{width:20%;}
.w24pc{width:24%;}
.w25pc{width:25%;}
.w28pc{width:28%;}
.w30pc{width:30%;}
.w32pc{width:32%;}
.w33pc{width:33%;}
.w35pc{width:35%;}
.w40pc{width:40%;}
.w45pc{width:45% !important;}
.w49pc{width:49% !important;}
.w50pc{width:50%;}
.w55pc{width:55% !important;}
.w60pc{width:60%;}
.w61pc{width:61%;}
.w62pc{width:62%;}
.w63pc{width:63%;}
.w64pc{width:64%;}
.w65pc{width:65%;}
.w70pc{width:70%;}
.w75pc{width:75%;}
.w80pc{width:80%;}
.w85pc{width:85%;}
.w89pc{width:89%;}
.w90pc{width:90%;}
.w95pc{width:95%;}
.w96pc{width:96%;}
.w97pc{width:97%;}
.w98pc{width:98%;}
.w99pc{width:99%;}
.w100pc{width:100%;}

.w10em		{width:10em;}
textarea.w100pc,textarea.w99pc,textarea.w98pc,textarea.w97pc,textarea.w96pc,textarea.w95pc,textarea.w90pc,textarea.w89pc,textarea.w85pc,textarea.w80pc{
	min-width:300px;
}
input.w100pc,input.w99pc,input.w98pc,input.w97pc,input.w96pc,input.w95pc,input.w90pc,input.w89pc,input.w85pc,input.w80pc{
	min-width:300px;
}

/* HEIGHT */
.h434px     {height:434px;}
.h400px     {height:400px;}
.h320px     {height:320px;}
.h300px     {height:300px;}
.h280px     {height:280px;}
.h270px     {height:230px;}
.h240px     {height:240px;}
.h250px     {height:250px;}
.h260px     {height:260px;}
.h200px     {height:200px;}
.h150px     {height:150px;}
.h120px     {height:120px;}
.h100px     {height:100px;}
.h80px      {height:80px;}
.h70px      {height:70px;}
.h48px		{height:48px;}
.h50px      {height:50px;}
.h54px		{height:54px;}
.h30px      {height:30px;}
.h25px      {height:25px;}

.h1em       {height:1em;}
.h2em       {height:2em;}
.h3em       {height:3em;}
.h4em       {height:4em;}
.h5em       {height:5em;}
.h10em		{height:10em;}
.h12em		{height:12em;}
.h15em		{height:15em;}

/* MAX HEIGHT */
.mh240px    {max-height:240px;}

/* MARGIN */
.nomargin   {margin:0px  !important; padding:0px  !important;}
.notopmargin{margin-top:0px  !important; padding-top:0px  !important;}
.nobotmargin{margin-bottom:0px  !important; padding-bottom:0px !important;}

.mr2pc		{margin-right:2% !important;}
.mr5px		{margin-right:5px !important;}
.mr10px     {margin-right:10px !important;}
.mr15px     {margin-right:15px !important;}
.mr20px		{margin-right:20px !important;}
.mr260px    {margin-right:260px !important;}
.mr310px    {margin-right:310px !important;}
.mr320px    {margin-right:320px !important;}
.mr380px	{margin-right:380px !important;}
.mr420px    {margin-right:400px !important;}
.mr20pc		{margin-right:20% !important;}
.mr30pc		{margin-right:30% !important;}
.mr40pc		{margin-right:40% !important;}
.mr50pc		{margin-right:50% !important;}
.mr55pc		{margin-right:55% !important;}

.ml5px		{margin-left:5px !important;}
.ml15px		{margin-left:15px !important;}
.ml25px		{margin-left:25px !important;}
.ml20px		{margin-left:20px !important;}
.ml40px		{margin-left:40px !important;}
.ml55px		{margin-left:55px !important;}
.ml60px		{margin-left:60px !important;}
.ml90px		{margin-left:90px !important;}
.ml100px	{margin-left:100px !important;}
.ml150px    {margin-left:150px !important;}
.ml160px    {margin-left:160px !important;}
.ml170px    {margin-left:170px !important;}
.ml180px    {margin-left:180px !important;}
.ml190px    {margin-left:190px !important;}
.ml200px    {margin-left:200px !important;}
.ml210px    {margin-left:210px !important;}

.ml80pc      {margin-left:80.5% !important;}
.ml75pc      {margin-left:75% !important;}
.ml70pc      {margin-left:70.5% !important;}
.ml67pc		 {margin-left:67% !important;}
.ml65pc      {margin-left:65% !important;}
.ml60pc      {margin-left:60.5% !important;}
.ml55pc      {margin-left:55% !important;}
.ml50pc      {margin-left:50% !important;}
.ml47pc		 {margin-left:47% !important;}
.ml45pc		 {margin-left:45% !important;}
.ml40pc      {margin-left:40.5% !important;}
.ml37pc		{margin-left:37% !important;}
.ml39pc		{margin-left:39% !important;}
.ml35pc		{margin-left:35% !important;}
.ml31pc		 {margin-left:31% !important;}
.ml30pc      {margin-left:30.5% !important;}
.ml5pc		{margin-left:5% !important;}
.ml3pc		{margin-left:3% !important;}
.ml2pc		 {margin-left:2% !important;}

.mb2px        {margin-bottom:2px !important;}
.mb5px        {margin-bottom:5px !important;}
.mb10px       {margin-bottom:10px !important;}
.mb15px       {margin-bottom:15px !important;}
.mb20px       {margin-bottom:20px !important;}
.mb25px		   {margin-bottom:25px !important;}

.mt2px        {margin-top:2px !important;}
.mt5px        {margin-top:5px !important;}
.mt10px        {margin-top:10px !important;}
.mt15px        {margin-top:15px !important;}
.mt25px			{margin-top:25px !important;}


/**
* EMOTICONS - SPRITE  - used in conjunction with class:emoticons
* ############## */
.spr-emote{
	background-repeat:no-repeat;
	background-image:url("/images/sprite_emotes.png");
	width:16px;
	height:16px;
	vertical-align:middle;
}
.emote-angry		{background-position:0px 0px;}
.emote-blush		{background-position:-16px 0px;}
.emote-confused		{background-position:-32px 0px;}
.emote-cool			{background-position:-48px 0px;}
.emote-cry			{background-position:-64px 0px;}
.emote-grin			{background-position:-80px 0px;}
.emote-happy		{background-position:-96px 0px;}
.emote-rose			{background-position:0px -16px;}
.emote-sad			{background-position:-16px -16px;}
.emote-shocked		{background-position:-32px -16px;}
.emote-straightface	{background-position:-48px -16px;}
.emote-tongue		{background-position:-64px -16px;}
.emote-wink			{background-position:-80px -16px;}
input{
    vertical-align:middle;
}
.inputText,input[type=text],input[type=password],select,textarea{
	color:#333333 !important;
	background-color:#fafafa !important;
    font-size:12px !important;
    border:1px solid #cccccc!important;
    vertical-align:middle;
    background-repeat:repeat-x;
    background-position:top left;
    padding:6px;
    font-family:"VLEFont",Arial, Helvetica, sans-serif;
	margin-top:3px;
	box-shadow: inset 0px 1px 6px #cccccc;
    -moz-box-shadow: inset 0px 1px 6px #cccccc;
    -webkit-box-shadow: inset 0px 1px 6px #cccccc;
	-moz-border-radius: 2px !important;
	-webkit-border-radius:2px !important;
	border-radius: 2px !important;
}
select{
	padding:5px;
}
.inputText,input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus{
	border-color:#aaaaaa !important;
}
input[type=radio],input[type=checkbox]{
    cursor:pointer;
    margin-top:0px !important;
}
input.big{
    font-size:1.6em;
    padding:10px;
}
input[type=submit],
.button{
    cursor:pointer;
    vertical-align:middle;
}

input.mainoption {
  background-color: #ffffff;
  font-weight: bold;
}
input.liteoption {
  background-color: #ffffff;
  font-weight: normal;
}
radio.set {
  vertical-align: text-bottom;
  border: 1px dotted #555555;
  padding: 1px 3px;
}
label{
    cursor:pointer;
    vertical-align:middle;
    font-weight:bold;
    font-size:1em;
}
fieldset{
    padding:3px 10px 6px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:1px solid #cccccc;
	margin-bottom:8px;
}
fieldset legend{
    font-weight:bold;
    padding:5px 5px 0px 5px;
    margin-bottom:0px;
}
label.set {
  text-align: left;
  width: 40%;
  padding-right: 10px;
  margin-bottom: 5px;
  border: 1px dotted #555555;
  padding: 1px 3px;
}

/* Disabled */
input:disabled,textarea:disabled,select:disabled{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}/* CORE CSS that applies to ALL templates
========================================= */
body{
	padding-top:0px;
	margin-top:0px;
}

/* Generic site frame site */
#tpl_siteframe{
	margin-left:auto;
	margin-right:auto;
}/*
*  Default skin - base CSS
*  This CSS is used to define the base look and feel of the template.
*/
body{
	font-family:Arial,Helvetic,sans-serif;
	margin:0px 0px 50px 0px;
	padding:0px;
}

a,
a:visited,
a:link,
.linkcolour{
	color:blue;
	background-color:transparent;
}

h1,h2,h3{
	margin-top:0px;
	font-weight:100 !important;
}

h1{
	letter-spacing:-1px;
	font-size:2.1em;
}
h2{
	font-weight:100;
	letter-spacing:-1px;
	font-size:1.8em;
}
h3{
}

/* FRAME */
#tpl_bodyframe,
#tpl_siteframe{
	border:0px solid #ffffff;
}

/* DEFAULT MAX WIDTH */
.siteWidth,
.headerContentWidth,
.leftMenuContentWidth{
	width:1020px;
	margin-left:auto;
	margin-right:auto;
}
.contentWidth{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

/* HEADER */
#tpl_header{
	margin-top:0px;
}
#tpl_header_maintitle{
	font-size:35px;
	letter-spacing:-1px;
	font-weight:bold;
	padding:10px 0px 5px 10px;
}
#tpl_header_subtitle{
	font-size:15px;
	padding:0px 0px 10px 10px;
	font-style:italic;
}

/* FOOTER FRAME */
#tpl_footer{
	padding:10px;
	margin:0px !important;
}

/* MAIN CONTENT AREA - with/without left menu*/
#tpl_maincontent{
	position:relative;
	min-height:300px;
	padding:10px;
}

/* TOP MENU */
#tpl_topmenu{
	padding:0px 10px 9px 10px;
  	margin-bottom:15px;
	text-align:right;
	z-index:1;
}

#tpl_topmenu ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#tpl_topmenu ul li{
	float:right;
	padding:0px;
	margin:0px;
	position:relative;
	z-index:3;
	font-size:13px;
}
#tpl_topmenu ul li a{
	display:block;
	margin-right:6px;
	text-decoration:none;
	padding:12px 6px 6px 6px;
}

#tpl_topmenu ul li div#tpl_topmenu_lev2{
	position:absolute;
	right:6px;
	top:32px;
	display:none;
 	z-index:2;
}
#tpl_topmenu ul li div#tpl_topmenu_lev2 ul{
	width:250px;
	margin:0px !important;
	padding:3px 0px 0px 0px !important;
}

#tpl_topmenu ul li div#tpl_topmenu_lev2 ul li{
	float:none;
	text-align:left;
	padding:1px 0px 1px 5px;
	margin:0px !important;
}

#tpl_topmenu ul li:hover div#tpl_topmenu_lev2{
	display:block;
}

#tpl_topmenu ul li.end{
	clear:both !important;
	line-height:1px !important;
	height:1px !important;
	font-size:1px !important;
	float:none !important;
	visibility:hidden !important;
}

#tpl_topmenu ul li a:hover{
	text-decoration:underline;
}


/* MAIN MENU */
#tpl_leftmenu{
  	padding:10px 0px 0px 0px;
}
#tpl_leftmenu ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#tpl_leftmenu ul li{
   display: -moz-inline-stack;
   display: inline-block;
   zoom: 1;
   *display: inline;
}
#tpl_leftmenu ul li a,
#tpl_leftmenu ul li span{
	text-decoration:none;
   	display: -moz-inline-stack;
   	display: inline-block;
   	zoom: 1;
    padding:12px 10px 12px 10px;
	font-size:13px;
}

#tpl_leftmenu ul li a:hover{
	text-decoration:underline;
}
#tpl_leftmenu_lev2{
 	padding:0px;
 	margin:0px;
}
#tpl_leftmenu_lev2 ul{
	padding:5px 0px 5px 0px;
	margin:0px;
	list-style-type:none;
}
#tpl_leftmenu_lev2 ul li{
   min-height: auto !important;
   display: -moz-inline-stack;
   display: inline-block;
   zoom: 1;
   *display: inline;
    _height: auto !important;
	margin:0px;
	padding:0px;
}
#tpl_leftmenu_lev2 ul li a,
#tpl_leftmenu_lev2 ul li span{
    min-height: auto !important;
	_height: auto !important;
  	text-decoration:none;
	font-size:12px !important;
	margin-left:6px;
	padding:10px;
}
#tpl_leftmenu_lev2 ul li a:hover{
	text-decoration:underline;
}

/**
* Will responsive additions
*/

.siteWidth, .headerContentWidth, .leftMenuContentWidth{
		width:100% !important;
		max-width:1020px !important;	
}
#tpl_header{
	width:100% !important;	
}
#tpl_bodyframe{
	width:100% !important;	
}
img{
	max-width:100% !important;	
}
div[id*="VIDEO"]{
	width:auto!important;
}
@media (max-width: 750px) {
	#tpl_leftmenu ul li a, #tpl_leftmenu ul li span {
		font-size: 15px !important;
	}
}