a
{
	outline : none;
}

a img
{
	outline : none;
	border:none;
}

a:link 
{
	text-decoration: none;
	color:#203090;
}

a:hover 
{
	 TEXT-DECORATION: none;
	 color:#203090;
}

a:visited 
{
	 TEXT-DECORATION: none;
	 color:#203090;
}

.heading
{
	font-family:Arial,Verdana,Helvetica, sans-serif;
	color:#D01E1E;
	font-size:12px;
	font-weight:Bold;
}

.heading2
{
    font-family: Arial,Verdana,Helvetica, sans-serif;
    color: #304058;
    font-size: 14px;
    font-weight: normal;
}

.heading3
{
	font-family:Arial,Verdana,Helvetica, sans-serif;
	color:navy;
	font-size:42px;
	font-weight:Bold;
}

.heading4
{
    background-position: left;
    background: url(user_logged_in.png) no-repeat;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 35px;
    font-family: Arial, Helvetica, sans-serif;
    color: #304058;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    font-style: inherit;
    background-color:white;
}

.down
{
	font-family:Arial,Verdana,Helvetica, sans-serif;
	color:#2880CA;
	font-size:11px;
	font-weight:Bold;
}

.content
{
	font-family: Arial,Verdana, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	line-height:normal;
	letter-spacing: 0.5;
	text-align:justify;
}

body
{
	font-family: Arial,Verdana, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	line-height:normal;
	letter-spacing: 0.5;
	text-align:justify;
}

.site
{
	font-family: Arial,Verdana, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	text-align:justify;
}

.click
{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	
}

.buttoncontent
{
	font-family:Verdana,Arial,Helvetica, sans-serif;
	color:#D4D9FF;
	font-size:10px;
	font-weight:bold;
	
}

.innerheading
{
	font-family:Arial,Verdana,Helvetica, sans-serif;
	color:#203090;
	font-size:11px;
	font-weight:bold;
}

.footer
{
	font-family: Verdana,Arial,Helvetica, sans-serif;
    color: #999;
    font-size: 10px;
    font-weight: lighter;
}

.login
{
	height:110px;
    width:190px;
    margin:auto;
    border:1px #CCC solid;
    padding:10px;	
}

.section_border
{
	BORDER-BOTTOM: navy 1px solid
}

.home_head
{
	FONT-SIZE: 16px;
	FONT-WEIGHT: bold;
	COLOR: #405080;	
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}

.section_head
{
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	font-style: italic; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #405080;
}

.section_head2
{
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	font-style: italic; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #405080;
}

.section_subhead
{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	font-style: italic; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #405080;
}

.section_text
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 1px;
	padding-top: 1px;
	font-size: 12px;
	color: black;	
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.subhead
{
	font-family:Arial,Verdana,Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	font-weight:bold;
}

#menu_tabs
{
	line-height:normal;
	width:100%;
	background-repeat:repeat-x;
	float:left;
}

#menu_tabs UL
{
	width:100%;
	height:25px;
	padding: 0;
	list-style-type: none;
	margin: 0px;
	list-style-image: none;
	display:inline; 
}

#menu_tabs LI
{
    height:20px;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:0px;
	margin:0px;	
	float: left;
	text-align:center;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:11px; 
}

#menu_tabs A
{
	display: block;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight: bold;
	color: white;
}

table
{
    vertical-align:top;
    text-align:left;
}

th
{
	font-family:Arial,Verdana,Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	font-weight:bold;
}

table.gridtable 
{
	font-family:Arial,Verdana,Helvetica, sans-serif;
	font-size:12px;
	color:black;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th 
{
	font-family:Arial,Verdana,Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style: italic;
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #666666;
	background-color: #304058;
	color: white;
}
table.gridtable td 
{
    font-family:Arial,Verdana,Helvetica, sans-serif;
	font-size:12px;
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #666666;
}

.button_with_image, .delete_button, .edit_button, .view_button, .export_button, .move_up_button, .move_down_button, .log, .configure, .test, .add
{
    background-color:transparent;
    background-repeat:no-repeat; 
    background-position:center; 
    background-attachment:scroll;
    background-clip: border-box;
    background-origin: padding-box;
    cursor:pointer;
    vertical-align:middle;
}
.edit_button
{
    width:24px;
    height:24px;
    background-image:url('icon_edit.png');
}
.view_button
{
    width:24px;
    height:24px;
    background-image:url('icon_view.png');
}
.delete_button
{
    width:24px;
    height:24px;
    background-image:url('icon_delete.png');
}
.export_button
{
    width:24px;
    height:24px;
    background-image:url('icon_export.png');
}

.move_up_button
{
    width:24px;
    height:24px;
    background-image:url('icon_move_up.png');
}
.move_down_button
{
    width:24px;
    height:24px;
    background-image:url('icon_move_down.png');
}

.submit
{
  border: 1px solid #0066cc;
  background-color: rgba(48, 64, 88, 1);
  color: #ffffff;
  padding: 5px 10px;
}

.field
{
    border: 1px solid #CFCFCF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-style: inherit;
    font-weight: normal;
    color: #000000;
    padding: 5px;
    background-color: #FFFFFF;
}

.vid_veri_thumbnails img {
width: 80px;
border-color: red;
padding: 1px;
}

.vid_veri_preview img {
border: 4px solid #444;
padding: 1px;
}


.buttoncause_effect {
  border: 1px solid #0066cc;
  background-color: rgba(48, 64, 88, 1);
  color: #ffffff;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 4px;
}

.buttoncause_effect:hover {
  border: 1px solid #0099cc;
  background-color: #00aacc;
  color: #ffffff;
  padding: 5px 10px;
  border-radius: 4px;
}

.buttoncause_effect:disabled,
 buttoncause_effect[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
  border-radius: 4px;
}

 .pg-normal {
    color: black;
    font-weight: normal;
    text-decoration: none;    
    cursor: pointer;    
}
 .pg-selected {
    color: black;
    font-weight: bold;        
    text-decoration: underline;
    cursor: pointer;
}

.log{
    width:24px;
    height:24px;
    background-image:url('log_icon.png');
}

.configure{
    width:24px;
    height:24px;
    background-image:url('cfg_icon.png');	
}

.test{
    width:24px;
    height:24px;
    background-image:url('test_icon.png');	
}

.add{
    width:24px;
    height:24px;
    background-image:url('add_icon.png');	
}

.add:disabled,
 add[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

.switch {
  position: relative;
  display: inline-block;
  width: 49px;
  height: 24px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 14px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #304058;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* The container */
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container input {
    position: absolute;
    opacity: 0;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #bbb;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: rgba(48, 64, 88, 1);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 4px;
	left: 4px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}