﻿/* Used for page's main form */
.mainForm_NoImage
{
	/*BACKGROUND: no-repeat 530px 165px;*/
	WIDTH: 996px;
	HEIGHT: 562px;
	POSITION: relative;
	TOP: 0px;
	Z-INDEX: 140;
	border-top: 0px;
	/*border-bottom: #E4E4E2 2px solid;
	border-left: #E4E4E2 2px solid;
	border-right: #E4E4E2 2px solid;*/
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

.mainForm_Image_NoHead
{                                                     /* left top */
	BACKGROUND: #ffffff url(img/img_frame.gif) no-repeat 9px 53px;
	WIDTH: 996px;
	HEIGHT: 562px;
	POSITION: relative;
	TOP: 0px;
	Z-INDEX: 100;
	border-top: 0px;
	/*border-bottom: #E4E4E2 2px solid;
	border-left: #E4E4E2 2px solid;
	border-right: #E4E4E2 2px solid;*/
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

.mainForm_Image_WithHead
{                                                     /* left top */
	BACKGROUND: #ffffff url(img/new_img_frame_with_head.gif) no-repeat 9px 84px;
	WIDTH: 996px;
	HEIGHT: 562px;
	POSITION: relative;
	TOP: 0px;
	Z-INDEX: 100;
	border-top: 0px;
	/*border-bottom: #E4E4E2 2px solid;
	border-left: #E4E4E2 2px solid;
	border-right: #E4E4E2 2px solid;*/
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

.mainForm_Image_WithHead_Gray
{                                                     /* left top */
	BACKGROUND: #ffffff url(img/img_frame_gray_WithHead.gif) no-repeat 9px 53px;
	WIDTH: 996px;
	HEIGHT: 562px;
	POSITION: relative;
	TOP: 0px;
	Z-INDEX: 100;
	border-top: 0px;
	/*border-bottom: #E4E4E2 2px solid;
	border-left: #E4E4E2 2px solid;
	border-right: #E4E4E2 2px solid;*/
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

.mainForm_Image_NoHead_Gray
{                                                      /* left top */
	BACKGROUND: #ffffff url(img/img_frame_gray.gif) no-repeat 9px 86px;
	WIDTH: 996px;
	HEIGHT: 562px;
	POSITION: relative;
	TOP: 0px;
	Z-INDEX: 100;
	border-top: 0px;
	/*border-bottom: #E4E4E2 2px solid;
	border-left: #E4E4E2 2px solid;
	border-right: #E4E4E2 2px solid;*/
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

/* To have all elements grouped inside the form */
BODY
{
	padding: 0px;
	border: 0px;
	margin: 0px;
	overflow: auto;
	/*background-color: #F0F0F0;*/
	background-color: #FFFFFF;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #284775;
}

/* Link attributes */
A:link
{
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	text-decoration: none;
	color: #5D7B9D;
}

A:visited
{
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	text-decoration: none;
	color: #5D7B9D;
}

A:active
{
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	text-decoration: none;
	color: #5D7B9D;
}

A:hover
{
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #ff4500;
	text-decoration: none;
}

/* Used for big messages */
.big_label
{
	position: absolute;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #BD441B;
}

/* Used for big text (see main-page.aspx) */
.main_label
{
	position: absolute;	
	font-size: 13px;
	letter-spacing: 2px;
	color: #5D7EA1;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
}

/* Used for big text (see main-page.aspx) */
.main_label_gray
{
	position: absolute;	
	font-size: 13px;
	letter-spacing: 2px;
	color: #727272;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
}

/* Used for big messages */
.medium_label
{
	position: absolute;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #BD441B;
}

/* Used for item's name as a subtitle */
.big_label_title
{
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #1B94B3;
}

/* Used for site's page titles */
.title_label
{
	position: absolute;
	z-index: 190px;
	top: 88px;
	width: 100%;
	text-align: center;
	font-size: 16px;
	letter-spacing: 2px;
	color: #FFFFFF;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
	font-weight: bold;
}

/* Used for page title on default.aspx */
.big_title_label
{
	position: absolute;
	top: 35px;
	width: 100%;
	left: 0px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #1B94B3;
}

/* Used for page subtitle */
.subtitle_label
{
	position: absolute;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #0763A5;
}

/* Used for white page subtitle */
.subtitle_whitelabel
{
	z-index: 150;
	left: 70px; 
	position: absolute;
    top: 82px;
    font-size: 12px;
    color: #FFFFFF;
}
                
/* Used for page insert/modify section */
.titleDown_label
{
	position: absolute;
	left: 0px;
	width: 100%;
	bottom: 120px;
	height: 16px;
	background-color: #284775;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	/*color: #BB1111; #DD3308;*/
	color: #ffffff;
}

/* Used for medium size page title 
.titleMedium_label
{
	font-size: 11px;
	font-weight: bold;
	color: #BD441B;
	letter-spacing: 1px;
}*/

/* Used for textboxes label */
.Down_label
{
	font-weight: bold;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
	font-size: 11px;
}

/* Used for textboxes label */
.Down_label_bkgViolet
{
	color: #ffffff;
	font-weight: bold;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
	font-size: 12px;
	background-color: #7D91B9;
	text-align: center;
	letter-spacing: 1px;
}

/* Used for dropdownlist */
.ddl_style_bkgViolet
{
	color: #7071A0;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
	font-size: 12px;
}

/* Used for txt */
.txt_style_bkgViolet
{
	color: #7D91B9;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
	font-size: 12px;
	border: solid 1px #8384AD;
}

/* Used for dropdownlist */
.ddl_style
{
	color: #153860;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
	font-size: 11px;
}

/* Used for txt */
.txt_style
{
	color: #153860;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
	font-size: 11px;
	border: solid 1px #8384AD;
}

/* Used for smaller buttons */
.buttonSelect_style
{
	font-size: 11px;
	font-weight: bold;
	color: #5D7EA1;
	letter-spacing: 1px;
}

/* Used for smaller buttons */
.buttonGeneral_style
{
	font-size: 11px;
	font-weight: bold;
	color: #FF5555;
	letter-spacing: 2px;
}

/* Little notes style */
.Note
{
	z-index: 119;
	font-size: 11px;
	text-decoration: none;
	color: #FF8000;
}

.NoteRed
{
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #FF5555;
}
/********************************* GRIDVIEW ATTRIBUTES - START*****************************************/
/* Used to contain gridview and to set its position inside the page */
.GridView_span
{
	position: absolute;
	z-index: 120;
	/*width: 100%;*/
	text-align: center;
	overflow-x: hidden;
	overflow-y: auto;
}

/*********************************FIXING HEADER IN GRIDVIEW - START************************************/
 .WrapperDiv
 {
    height: 392px;
    border: 0px;
    z-index: 130;
    padding-right: 3px;
	/*top: expression(this.offsetParent.scrollTop-1);*/
 }  
        
 .WrapperDiv TH 
 {
     position:relative;
 }
   
 .WrapperDiv TR 
 {
    /* Needed for IE */
    height:0px;
 }   
/*********************************FIXING HEADER IN GRIDVIEW - END**************************************/

/* Hide button on gridview - you need it if you want to have another selection mode (see modify-ticket.aspx) */
.HideButton {Display : none} 

/********************************* GRIDVIEW ATTRIBUTES - END*******************************************/

/* It refers to datagrid's div */
/*.DIVLeft 
{
	z-index: 101;
	position: absolute;
	left: 20px;
	top: 105px;
	overflow-x: hidden;
	overflow-y: auto;
	height: 400px;
	width: 627px;
}
*/