/************************/
/* GLOBAL               */
/************************/
html, body
{
	height: 100%; /* Fix right-click menu glitch in IE menus */	
}

body
{
	margin-top: 30px;
	text-align: center;
	background-color: #ffffff;
	font-size: 11px;	
	font: 11px Verdana, Arial, Sans-Serif; color: #555555;
	line-height: 12pt;
}

p 
{
    margin: 0 0 1em 0;
    padding: 0;
}

a { color: #244275; text-decoration: none; }
a.whiteLink { color: #ffffff; text-decoration: none; }
a:hover { text-decoration: underline; }
.whiteLink a:link { color: #ffffff; text-decoration: none; font-size: 8px;}
.whiteLink a:hover { text-decoration: none; font-size: 8px;}

ul {padding-left: 16px; margin-left: 1px;}
li {margin-top: 10px; margin-left:0px;}

input[disabled]{color:Grey !important; text-decoration:none !important; }
div[disabled]{color:Grey !important; text-decoration:none !important; }
a[disabled]{color:Grey !important; text-decoration:none !important; }
span[disabled]{color:Grey !important; text-decoration:none !important; }
img.disabled{filter:alpha(opacity=40);-moz-opacity:0.4; opacity:0.4;}

h1, h2 { color: #0066a6; font-weight: bold; padding: 0px;}
h1 { font-size: 20px; margin: 2px 0px 10px 0px; line-height: 25px;} 
h2 { font-size: 12px; margin: 15px 0px 1px 0px; }

h3 { color: #555555; font-weight: bold; padding: 0px;}
h3 { font-size: 11px; margin: 15px 0px 1px 0px; }

h4 { color: #0066a6; font-weight: bold; padding: 0px;}
h4 { font-size: 11px; margin: 10px 0px 1px 0px; }

h5 { color: #0066a6; font-weight: bold; padding: 0px;}
h5 { font-size: 12px; margin: 0px 0px 0px 0px; } 

pre 
{
	white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
	white-space: -pre-wrap; /* Opera 4 - 6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
	word-wrap: break-word; /* IE 5.5+ */
	width: 700px;
}

.preamble
{
	font: 14px Verdana, Arial;
	color: #0066a6;
	font-style: italic;
}

.BodyText
{
	font-size: 11px;	
	font: 11px Verdana, Arial, Sans-Serif; color: #555555;
	line-height: 12pt;
	EditMenuName: Body text;
}


.ImageCaption
{
	font-style:italic;	
	font: 10px Verdana, Arial, Sans-Serif; color: #555555;
	line-height: 11pt;
}

.Address
{
	line-height: 10pt;
}

.button, .button b, .button b input, .button b a
{
	background-image:url('images/button.png');
	margin: 0px;
	padding: 0px;
	height: 20px;
	line-height:20px;
	display:inline-block;
	color: #333333;
	font-weight:bold;
	font-size:11px;
	cursor:pointer;
}

.button {background-repeat:no-repeat;background-position:right -40px;}
.button b {background-repeat:no-repeat;background-position:0px -20px;}
.button b input, .button b a {background-repeat:repeat-x;background-position:top left;margin:0px 3px 0px 3px;}
.button input {border:none;background:none;}
.button a {text-decoration: none;}

.TableHeading
{
    color: #244275;
    font-weight: bold; 
    font-size: 12px;
    padding: 0;  
    margin: 3px 0px 3px 0px;
}

.TableSubHeading
{
    font-weight: bold; 
    font-size: 11px; 
    padding: 0; 
    margin: 1px 1px 1px 1px;
}

.TableBody
{
    font-size: 11px;
        margin: 1px 0px 1px 0px;
}


fieldset { border: 0px; padding: 0px; }
img { border: 0px; }
table { border-collapse: collapse;}
.error { color: Red; }
.hidden { display: none; }


.pageList { padding: 0; }
.pageList ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

/* --------- Image format ----------- */
img.topleftfloatingimage
{
    margin-right: 1em;
    margin-bottom: 1em;
    margin-right: 1em;
    margin-left: 1em;
    EditMenuName: Top left;
	float: left;
}
img.toprightfloatingimage
{
	float: right;
	vertical-align: top;
    margin-left: 1em;
    margin-bottom: 1em;
    margin-right: 1em;
    margin-left: 1em;
    EditMenuName: Top right;
}




/**************************************************/
/* SITE STRUCTURES                                */
/**************************************************/

#Page 
{       
    margin-left: auto;
    margin-right: auto;
    width: 990px;
    text-align: left; /* Reset text align*/
}

/************************/
/* HEADER               */
/************************/

#Header
{
	float: left;
	width: 100%;
	padding: 0px;
}

#Logotype
{
	float: left;
	width: 331px;
	height: 56px;
}

#Logotype img

{
	border: 0px;
}

#HeaderFunctions
{
	float: right;
	margin-top: 8px;
	padding: 0px;
}

#HeaderLinks ul
{
	float: left;
	list-style-type: none;	
	margin: 0px;
}

#HeaderLinks li
{
	display: block;
	float: left;
	overflow: visible;
	margin: 0px;
	padding: 0px;
	height: auto;
}

#HeaderLinks li.spacer
{
	padding: 0px 4px 0px 4px;
}

#HeaderLinks li.searchspacer
{
	padding: 0px 10px 0px 8px;
}

.arrowdown
{
	vertical-align: middle;
	padding-left: 2px;
	width: 12px;
	height: 12px
}

#HeaderLinks li a 
{
	display: block;
	float: left;
}

/*************************/
/* LANGUAGE SELECTOR     */
/*************************/

.LanguageSelector ul {
	margin: 0;
	padding: 0;
	list-style: none;	
	width: 100px;
	height: 1px;
}
.LanguageSelector ul li {
	position: relative;
	z-index: 100;
	
}
.LanguageSelector li ul {
	position: absolute;
	left: 0;
	top: 0px;
	display: none;
	border: 1px solid #ccc;
	width: 100px
}

.LanguageSelector li:hover ul
{
	z-index: 100;
	display: block;
}

.LanguageSelector ul li ul.sub img
{	
	margin-right: 5px;
	vertical-align: middle;
}

.LanguageSelector ul:hover ul.sub{width: 100px;left:2px; top:16px; background:#fff url(images/menu_dropdownbg.gif) repeat-y; padding:0px 0; border:1px solid #ccc; white-space:nowrap; width:150px; height:auto; font-weight: normal; z-index: 1000;}
.LanguageSelector ul:hover ul.sub li{display:block; height:20px; position:relative; float:left; width:150px;z-index: 1000;}
.LanguageSelector ul:hover ul.sub li a {display:block; font-size:11px; height:20px; width:150px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 0px;z-index: 1000;}
.LanguageSelector ul:hover ul.sub li a:hover {background:#bbb; color:#fff;}

/*IE Fixes */
* html .LanguageSelector ul li {
	float: left;
	height: 1%;
}
* html .LanguageSelector ul li a {
	height: 1%;
}

/*************************/
/* QUICKSEARCH           */
/*************************/
.QuickSearchArea
{
	float: left;
	border: 1px solid #777777;
	display: block;
}

input.QuickSearchField
{
	border: 0px;
	margin: 0px 0px 0px 0px;
	width: 11em;
	height: 14px;
	color: #444444;
	font-size:11px;
}

.QuickSearchButton
{
	border: 0px;
	width: 19px;
	height: 19px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	vertical-align: middle;
}


/************************/
/* MAINMENUAREA         */
/************************/

.preload2 {background: url(images/button4.gif);}
.menu2 ul { padding: 0px; margin: 0px;}
.menu2 li {margin: 0px;}
.menu2 {padding:0 0 0 10px; margin:0; z-index: 10; margin-bottom: 6px !important; margin-bottom: 0px; list-style:none; height:40px; background:#fff url(images/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 20px 0 10px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 20px 0 10px; height:40px;}
.menu2 li a.top_link:hover {color:#fff; background: url(images/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {color:#fff; background:url(images/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {color:#fff; background:url(images/button4a.gif) no-repeat right top;}
.menu2 li:hover > a.top_link {color:#fff; background: url(images/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(images/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.linkimg img {padding-right: 5px; padding-bottom: 1px; vertical-align: middle;}

/* IE 6.0 hack ( .. and support chained classes and seems to missinteprets multiple classes) */
* html .menu2 li a.top_link span.linkimg {float:left; display:block; padding:0 20px 0 10px; height:40px; margin-top: 8px;}
* html .menu2 li a.top_link:hover span.linkimg {color:#fff; background:url(images/button4a.gif) no-repeat right -100px;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:2px; top:40px; background:#fff url(images/menu_dropdownbg.gif) repeat-y; padding:3px 0; border:1px solid #ccc; white-space:nowrap; width:150px; height:auto; font-weight: normal;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:150px;z-index: 10;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:150px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 0px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(.images/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#bbb; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#bbb url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#bbb url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #ccc; white-space:nowrap; width:93px; z-index:200; height:auto;}

/************************/
/* SUBMENUAREA          */
/************************/
#SubMenu ul { padding: 0px; margin: 0px;}
#SubMenu li {margin: 0px;}


#SubMenu
{
	float: left;
	width: 199px;
	border-right: 1px solid #c9c6c0;
}	 

#SubMenu ul
{
	list-style-type: none;
	float: left;
	width: 199px;
	margin: 0px;
	padding: 0px;
}

#SubMenu li 
{
	float: left;
	width: 189px;
	padding-left: 10px;
	height: 20px;
	line-height: 20px;
	text-align: left;
}

#SubMenu li:hover { background-color: #c9c6c0; cursor: pointer;}
* html #SubMenu li a:hover { background-color: #c9c6c0; cursor: pointer;} /* IE 6.0 hack, mimic pseudo-class hover */

#SubMenu li a { display: block; }
#SubMenu li a:hover { text-decoration: none;}

.child { padding-left: 10px; }

#SubMenu li.selected a { padding-left: 4px; }
#SubMenu li.selected a.currentend { padding-left: 14px; }

#SubMenu li.selected 
{
	background: url("images/SubMenuSelectedBg.gif") repeat-y left top;
	background-color: #DFE6EB;
	border-top: 1px solid #c9c6c0;
	border-bottom: 1px solid #c9c6c0;
	font-weight: bold;
	color: #000000;
}

#SubMenu li.selected:hover { cursor: default; }
#SubMenu li.parent a { display: inline;} 
#SubMenu li.parent a:hover {text-decoration: underline;background-color: Transparent;}
#SubMenu li.parent:hover { cursor: default; background-color: Transparent; }
* #SubMenu html li.parent a:hover {background-color: Transparent;} /* IE 6.0 hack, mimic pseudo-class hover */

/*************************/
/* STAGE AREA            */
/*************************/

#LeftArea
{
	width: 200px;
	float: left;
	padding-top: 10px;	
}

#LeftArea .Separator
{	
	float: left;
	width: 200px;
	height: 60px;
	background: url("images/separator.gif") no-repeat right center;
}

#ContentArea
{
	float: right; 
	width: 750px;
	padding: 10px;
}

#BreadCrumbsArea { margin-bottom: 30px; }

.TopArea
{
	float: left; 
	width: 990px;
}

.TopArea h1
{
	margin: 20px 2px 2px 20px;
	color: #fff;	
}

.TopArea h2
{
	margin: 10px 2px 2px 20px;
	color: #fff;	
}


/* Three col layout*/

#CenterArea
{
	float: left; 
	width: 567px;
	padding: 10px;
}


#RightArea
{
	width: 200px;
	float: right;	
	padding-top: 10px;
}

#RightArea #RightAreaContent
{
	float: left;
	width: 199px;
	border-left: 1px solid #c9c6c0;	
}

#RightAreaContent h2
{
	margin-top: 0px;
	padding-left: 10px;	
}

#RightArea #RightAreaContent ul
{
	list-style-type: none;
	float: left;
	width: 199px;
	margin: 0px;
	padding: 0px;
} 

#RightArea #RightAreaContent li 
{
	float: left;
	width: 189px;
	padding-left: 10px;
	text-align: left;
}

#RightArea .Separator
{
	float: left;
	width: 200px;
	height: 60px;
	background: url("images/separator.gif") no-repeat left center;
}

/*************************/
/* FOOTERAREA            */
/*************************/
#FooterArea
{
	float: left;
	text-align:center;
}

#FooterMenu
{
	float: left;
	margin: 10px 0px 10px 0px;
	padding: 0;
	list-style-type: none;
	text-align:center;
}

#FooterMenu li
{
	display: block;
	float: left;
	overflow: visible;
	margin: 0px;
	padding: 0px;
	height: 100%;
	line-height: 1.9em;
	color: #244275;
}

#FooterMenu li.spacer
{
	padding: 0px 4px 0px 4px;
}

#FooterMenu li a 
{
	display: block;
	color: #244275;
	text-decoration: none;
	float: left;
}

#FooterMenu a:hover
{
	text-decoration: underline;
}

/******************************/
/* CONTENTBOX  (gradient box) */ 
/******************************/

.box
{
    position:relative;
    float: left;    
    margin-top: 10px;
    margin-bottom: 10px;
}

.box_tl, .box_tr, .box_bl, .box_br 
{
    background: url(images/box_corners.gif) no-repeat;
    width: 8px;
    height: 8px;
    position: absolute;
    z-index: 1;
    font-size: 0px; /* IE 6.0 empty div hack */
}

.box_tl { background-position: top left; top: 0px; left: 0px; }
.box_tr { background-position: top right; top: 0px; right: 0px; }
.box_bl { background-position: bottom left; bottom: 0px; left: 0px; }
.box_br { background-position: bottom right; bottom: 0px; right: 0px; }

.box_t, .box_b
{
    clear:both;
    width: inherit;
    height: 8px;
    font-size: 0px; /* IE 6.0 empty div hack */    
}

.box_t { background: url(images/box_t.gif) repeat-x; border-top: 1px solid #c9c6c0; }
.box_b { background: url(images/box_b.gif) repeat-x; border-bottom: 1px solid #c9c6c0; }

.box_c
{
    clear: both;
    background: url(images/box_bg.gif) repeat-x;
    background-color: white;
    border-left: 1px solid #c9c6c0;
    border-right: 1px solid #c9c6c0;
    overflow:hidden;
    
    min-height:112px;
	height: auto !important; height:112px;
}

* html .box_c {height: 100%;} /* IE 6.0 height hack */

.box_padding { padding: 15px; }


/*************************/
/* BOXAREA aka box for product group, not very nice               */  /* TODO: TO BE UPDATED / REMOVED */
/*************************/

.BoxTop
{
	background: url("images/BoxTopBg.gif") no-repeat left top;
	width: 660px;
	height: 7px;
	float: left;
	bottom: 0px;
}

.BoxTop2
{
	background: url("images/BoxTopBg_350.gif") no-repeat left top;
	width: 350px;
	height: 7px;
	position:relative;
	
}

.BoxArea
{
	float: left;
    width: 648px; /* right border placement */
    min-height:50px;
	background-color: #FFFFFF;
	border-left: 1px solid #D8E0EB;
	border-right: 1px solid #D8E0EB;
	padding: 5px;
}

.BoxArea2
{
	
    width: 333px; /* right border placement */
    min-height:240px;
	background-color: #FFFFFF;
	border-left: 1px solid #D8E0EB;
	border-right: 1px solid #D8E0EB;
	padding-left: 15px;
	padding-top: 15px;
	position:relative;
top:0px;

}


.BoxArea2 .midimage
{
	min-height:107px;
	width: 300px;
	display: table-cell;
    	vertical-align: middle;
}


.BoxArea .left
{
	float: left;
	width: 90px;
	padding:10px 20px 0px 20px;
}

.BoxArea .left200px
{
	float: left;
	width: 200px;
	padding:10px 20px 0px 20px;
}

.BoxArea .left200pxCenter
{
	float: center;
	width: 200px;
	padding:10px 20px 0px 20px;
}

.BoxArea .center
{
	float: left;
	width: 201px;
}

.BoxArea .center111px
{
	float: left;
	width: 111px;
}

.BoxArea .right
{
	float: left;
	width: 350px;
}

.BoxArea .More
{
	float: left;
	width: 100%;
	padding:10px 20px 0px 20px;
}

.BoxArea .More a
{
	color: #DE9652;
	font-weight: bold;
}

.BoxBottom
{
	background: url("images/BoxBottomBg.gif") no-repeat left top;
	width:660px;
	height: 7px;
	float: left;
	margin-bottom: 30px;
}

.BoxBottom2
{
	background: url("images/BoxBottomBg_350.gif") no-repeat left top;
	width:350px;
	height: 7px;
	position:relative;

	margin-bottom: 30px;
}

/*************************/
/* INPUT AREA		 */
/*************************/

.inputArea ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.inputArea label 
{
	display: block;
}

.inputArea .inline 
{
	display: inline;
}

.inputArea table td
{
	margin-right: 15px;
	padding-right: 30px;
}

.inputArea table td.formHeader
{
	margin-top: 10px; 
	margin-bottom: 10px;	
}

.inputArea table td.formHeader h2.bg
{
	background-color: #eee; padding: 2px;	
}

.inputArea table input
{
	padding: 0px;
    width: 200px;
}

.inputArea input
{
    margin: 0.3em 0 1em 0;
}

span.radioButton input
{
	display: inline;
	width: 15px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

label.radioButtonLabel
{
	margin: 0px;
	padding: 0px;
	display: inline;
}

.inputArea .chkBox 
{
	text-align:left;
	margin: 0px;
	padding: 0px;
	border:1px solid red;
	
}

.inputArea .chkBox input
{
	
	text-align:left;
	margin: 0px;
	padding: 0px;
	border:1px solid green;
	
}
.inputArea .chkBox label {display:inline; margin: 0px;padding: 0px; text-align: left;}

.registerbutton
{
	float: left;
}

.inputArea td.checkBoxes { vertical-align: top; }
.inputArea td.checkBoxes ul li label { display: inline; }
.inputArea td.checkBoxes ul li input  { width: auto; margin: 5px; vertical-align: middle; padding:0px; }
*:first-child+html .inputArea td.checkBoxes ul li input  { margin:0px;} /* IE7 targeted hack*/

/**********************************/
/*    Tabbed Control Themme		  */
/**********************************/
.tabbedControl .ajax__tab_header 
{
    font-family:"verdana", Arial, Sans-Serif;
    background:url(images/tab-line.gif) repeat-x bottom;
    font-size:12px;
    display:block;
}
.tabbedControl .ajax__tab_header .ajax__tab_outer 
{
    background:url(images/tab.gif) no-repeat left top;
    border-color:#222;
    color:#222;
    padding-left:10px;
    margin-right:3px;
}
.tabbedControl .ajax__tab_header .ajax__tab_inner 
{
    background:url(images/tab.gif) no-repeat right top;
    border-color:#666;
    color:#666;
    padding:3px 10px 2px 0px;
}
.tabbedControl .ajax__tab_hover .ajax__tab_inner 
{
    color:#000000;
}
.tabbedControl .ajax__tab_active .ajax__tab_outer 
{
    background:url(images/tab.gif) no-repeat 0pt -40px;
    border-bottom-color:#ffffff;
}
.tabbedControl .ajax__tab_active .ajax__tab_inner 
{
    background:url(images/tab.gif) no-repeat right -40px;
    color:#000000;
    border-color:#333
}
.tabbedControl .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:8px;
    background-color:#ffffff;
    border:solid 1px #d7d7d7;
    border-top-width:0;
}

/**************************************************/
/* PAGE STYLES		                              */
/**************************************************/

/*************************/
/* STARTPAGE             */
/*************************/

#BottomArea
{
	float: left;
	width: 100%;
	margin-top: 14px;
}

#BottomArea .SmallBox
{
	padding-right: 14px;	
}

.ShowArea
{
	width: 750px;
	height: 270px;
	float: left;
	position: relative;
}

#ShowChangerArea
{
	border: 1px solid red;
	z-index: 2;
	position: absolute;
	bottom: 10px; 
	left: 25px;
	border: 1px solid #244275;
	background-color: white;
	filter:alpha(opacity=85);-moz-opacity:0.85; opacity:0.85;
	text-align: left;
	vertical-align: middle;
	padding: 3px;
}


#RightPanel
{
	height:270px;
	float: right;	
}

#RightPanel .rightbox
{
	width: 236px; 
	margin-top:0px; 
	padding-top:0px;	
}

#RightPanel .rightbox div.box_c
{
	height:263px !important;
}

* html #ShowChangerArea { bottom: 30px;}

#ShowChangerArea a
{
	font-size: 15px;
}

#ShowChangerArea a:hover
{
	color: #000;
}

#NewsTicker
{

	width: 736px; 
	border: 1px solid #c9c6c0; 
	height: 25px;
	line-height: 25px;
	position: relative;
}

#NewsTicker a 
{
	vertical-align: middle;	
}

#NewsTicker #TickerLeft
{
	float: left;
	margin: 0px 4px 0px 4px;	
	width: auto;
}

#NewsTicker #TickerLeft h2 
{
	display: inline; 
	margin-left: 2px;
}

#NewsTicker div
{
	float: left;
	width: 630px;
}

#NewsTicker #TickerButtons
{
	width: auto;
	float: right;
}

/*************************/
/* LOGIN PAGE            */
/*************************/
.loginArea 
{
    width: 100%;
}

.loginArea label 
{
    display: block;
    line-height: 1em;
    width: 35%;
}

.loginArea input
{
    margin: 0.3em 0 1em 0;
}

/*************************/
/* MY ACCOUNT PAGE       */
/*************************/

#profileSection ul, #activitySection ul, #tasksSection ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#profileSection span
{   
    font-size: 1em;
    color: #58595b;
    font-weight: bold;
}

#profileSection
{
	border: 1px solid #c9c6c0;
	background-color: #ffffff;
	padding: 10px;	
}

#profileSection .left, #activitySection .left { float: left; margin-right: 20px; }
#profileSection td { padding: 3px; }

#activitySection { float: left; width: 100%; }
#activitySection .right { float: right; }
#activitySection div { width: 230px; }

#organizationSection { float: left; width: 100%; }
#profileSection, #tasksSection, #organizationSection { margin-bottom: 10px; }


/*************************/
/* COMPANY  PAGE	 */
/*************************/

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

#infoSection span
{   
    font-size: 1em;
    color: #58595b;
    font-weight: bold;
}

#infoSection
{
	min-height:160px; height:auto !important; height:160px;	
	border: 1px solid #c9c6c0;
	background-color: #ffffff;
	padding: 10px;
	margin-bottom: 10px;
}

#infoSection .left { float: left; margin-right: 20px; }

#adminSection table { width: 100%;}

#usersSection { padding: 0px; padding-bottom: 5px;}
#usersSection table {width: 100%;}
#usersSection table th { text-align: left;}
#usersSection tr { background-color: white; }
#usersSection table td {padding: 2px;}
#usersSection .alternate { background-color: #ddd;}

/*************************/
/* PRODUCT PAGE		 */
/*************************/

.tabpanel { border: 0px; }
.tabpanel tr.header { border-bottom: 1px solid #2d558e; }
.tabpanel tr.header h2 { margin: 2px 2px 2px 0px; }

.tabpanel td
{
	font-size: 10px;
	padding: 10px;
	vertical-align: top;	
}
.tabpanel td.key { width: 160px;  font-weight: bold;}
.tabpanel td.line { height: 1px; border-bottom: 1px dashed #c9c6c0;}

.tabpaneltable { border: 0px; width: 100%;}
.tabpaneltable tr.header { border-bottom: 1px solid #2d558e; }
.tabpaneltable tr.header h2 { margin: 2px 2px 2px 0px; }

.tabpaneltable td
{
	font-size: 10px;
	padding: 5px;
}
.tabpaneltable td.key { width: 180px;  font-weight: bold;}
.tabpaneltable td.line { height: 1px; border-bottom: 1px dashed #c9c6c0;}


/*************************/
/* SEARCH PAGE           */
/*************************/
#SearchArea ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}

#SearchArea li
{
	display: block;	
}

#ResultArea 
{
    padding-top: 2em;
}

#ResultArea ol
{
    margin: 0;
    padding-left: 2em;
}

#ResultArea li 
{
    margin: 0; 
    padding: 0;
}

input.searchText 
{
    width: 300px;
}

/*************************/
/* NEWS PAGE			 */
/*************************/

#NewsWrapper ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#NewsWrapper ul li {
	clear: both;
}
 
#NewsWrapper p {
	float: left;
	margin-top: 0;
}
 
#NewsWrapper img {
	float: left;
	margin-right: 1em; 
}
 
#NewsWrapper #MainNews img {
	width: 17%;
}
 
#NewsWrapper #News img {
	width: 26%;
}
 
#NewsWrapper #News p {
	width: 62%;
}
 
#NewsWrapper #MainNews p {
	width: 73%;
}

.PagingContainer
{
	float: left;
	margin-top: 5px;
	padding: 4px;
	font-weight: bold;	
}
 
#NewsWrapper .date {
	display: block;
	margin-bottom: 0.3em;
}
 
#NewsWrapper #News {
	clear: left;
}
 
#NewsWrapper #News li {
	float: left;
	width: 33%;
}

#Filter {z-index: 0;} 
 
#Filter li
{
	margin-top: 4px;
	margin-bottom: 4px;
}

#Filter li span
{
	display: block;
	margin-bottom: 1px;
}

#Filter li .filter
{
	width: 150px;	
}

/*************************/
/* LICENSES PAGE         */
/*************************/

.dataGridPager
{
	padding: 2px;
}

.dataGridPager span
{
	font-weight: bold;	
}

.dataGrid td
{
	padding: 5px;
	margin: 4px;
	cursor:pointer;
	border-bottom: 2px solid #ccc;
}
.dataGrid
{
	border: 1px solid #aaa;
}

.alternatingItem
{
	background-color: #e6e6e6;
}

.hoverItem
{
	background-color: #0066a6;
	color: White;
}

.headerItem, .headerItem th
{
	background-color: #eee; 
	border:1px solid #ccc;
}

.headerItem a  
{
	padding-right:15px; 
	padding-left:3px; 
    text-decoration:none;
    font-size: 11px;
}
.headerItem a:hover { text-decoration: underline; }

.unsorted { background-color:#eee; padding: 5px;}
.sortedASC, .sortedDESC { background-color:#aaa;padding: 5px; padding: 5px;}

.sortedASC a { background: url(images/arrow_up_blue.gif) no-repeat; background-position: right 65%}
.sortedDESC a { background: url(images/arrow_down_blue.gif) no-repeat; background-position: right 65%; }

/*************************/
/* LICENSE DETAILS CTRL  */
/*************************/

.licenseList { border: 0px; margin-bottom: 10px; border-collapse: collapse;}
.licenseList tr.header, .licenseList tr.header td { border-bottom: 1px solid #2d558e; }
.licenseList tr.header h2 { margin: 2px 2px 2px 0px;}
.licenseList tr, .licenseList tr td { border-bottom: 1px dashed #c9c6c0; }
.licenseList tr.comment, .licenseList tr.comment td {border-bottom: 0px;}
.licenseList td.key { width: 300px; font-weight: bold;}
.licenseList td
{
	font-size: 10px;
	vertical-align: top;
	width: 200px;
}


/*************************/
/* SITEMAP PAGE          */
/*************************/

#siteMapTable { width: 100%; }
#siteMapTable td { vertical-align: top;}
#siteMapTable td h2 {margin-bottom: 0px; display: block; border-bottom: 1px solid #2d558e; }

#siteMap ul 
{
    margin: 0;
    padding: 0.2em 0;
}

#siteMap ul ul
{
    padding: 0;
    margin-left: 0.5em;
}

#siteMap li
{
    margin: 0 0 0.5em 0;
    padding: 0;
    list-style-type: none;
}

#siteMap li li
{
    margin: 0.2em 0;
    padding-left: 1em;    
}





/*******************************/
/* IMAGE POPUP ENLARGER        */
/*******************************/

	.thumbnail{
	position: relative;
	z-index: 0;
	}

	.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
	}

	.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}

	.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	}

	.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 60px; /*position where enlarged image should offset horizontally */

	}

/*************************/
/* ERROR 404 PAGE        */
/*************************/

.notfoundbox
{
	float: left;
    border-bottom: 1px solid #c9c6c0;
    padding: 5px;
    font-weight: bold;
}
.floater
{
    position: absolute; 
    bottom: 0; 
    right: 0;
    font-family: Times New Roman;
    font-size: 10em;
    font-style: italic;
    color: #f0f0f0;
    margin: 0 30px 50px 0;
    letter-spacing: -0.08em;
}


/*****************************/
/* EXECUTIVE MANAGEMENT TEAM */
/*****************************/

#managementTable { width: 70%; }
#managementTable td { vertical-align: top; padding: 5px 5px 10px 0px;}
#managementTable td h2 {margin-top: 0px; margin-bottom: 0px; border-bottom: 1px solid #2d558e;}

/*****************************/
/* FILE EXTENSIONS           */
/*****************************/

a.docExtension, a.docxExtension {background: url(images/extensions/doc.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.gifExtension {background: url(images/extensions/gif.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.jpgExtension, a.jpegExtension {background: url(images/extensions/jpg.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.pdfExtension {background: url(images/extensions/pdf.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.pngExtension {background: url(images/extensions/png.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.pptExtension, a.pptxExtension {background: url(images/extensions/ppt.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.tifExtension, a.tiffExtension {background: url(images/extensions/tif.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.txtExtension {background: url(images/extensions/txt.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.xlsExtension, a.xlsxExtension {background: url(images/extensions/xls.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.zipExtension {background: url(images/extensions/zip.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}

/*****************************/
/* RESOURCES	             */
/*****************************/

#resourcesTable { width: 100%;}
#resourcesTable h2 { margin: 2px 2px 2px 0px;}
#resourcesTable td { vertical-align: top; padding: 5px 10px 0px 0px;}
#resourcesTable td.title { width: 500px;}
#fileList {list-style-type: none; padding-left: 0px;}
#fileList li h2 {margin: 5px 0px 0px 0px;}
.line { height: 1px; border-bottom: 1px dashed #c9c6c0;}
.hidden
{
	display: none;	
}

.visible
{
	display: block;	
}

span.notavailable
{
	font-style:italic;
	font-weight: bold;
	color: #0066a6;
}

/*************************/
/* BUTTONS               */
/*************************/

.buttonToolbar 
{
    float: right;
	padding: 0px 10px 0px 10px;
	margin: 18px 0px 0px 0px;
}

.createButton,
.editButton,
.deleteButton,
.stickyButton,
.lockButton,
.upButton
{
    padding: 0 4px 4px 18px;
    background-repeat: no-repeat;
    line-height: 1.4em;
    font-family: Verdana, Helvetica, Sans-Serif;
}

.createButton
{
    background-image: url(images/Add.png);
}

.editButton
{
    background-image: url(images/Edit.png);
}

.deleteButton
{
    background-image: url(images/Delete.png);
}

.stickyButton
{
    background-image: url(images/forum/sticky.png);
}

.lockButton
{
    background-image: url(images/forum/lock.png);
}

.upButton
{
    background-image: url(images/forum/up.png);
}


/*************************/
/* FORUMS                */
/*************************/

.forumTable 
{
	width: 100%;
}
.forumTable th.title
{
	width: 50%;
}
.forumTable th
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	border-bottom: 1px solid #dcdcdc;
}
.forumTable th.replies, .forumTable td.replies
{
	text-align: right;
}
.forumTable td.info
{
	width: 20%;
}
.forumTable th
{
	padding: 0 8px;
}
.forumTable a 
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

.forumTable tr.even td, .forumTable tr.uneven td
{
	padding: 4px 8px;
}

.forumTable tr.even td
{
	background-color: #ebf0f3;
}

.forumTable tr.uneven td
{
	
}

.forumTable a:hover
{
	background-color: Transparent;
}

.forumTable a.default 
{
    display: block;
    background-image: url(images/forum/default.png); 
    background-repeat: no-repeat;
    background-position: left center;
    padding: 8px 0px 8px 32px;
}

.forumTable a.information 
{
    display: block;
    background-image: url(images/forum/Information.png); 
    background-repeat: no-repeat;
    background-position: left center;
    padding: 8px 0px 8px 32px;
}

.forumTable a.auction 
{
    display: block;
    background-image: url(images/forum/Auction.png); 
    background-repeat: no-repeat;
    background-position: left center;
    padding: 8px 0px 8px 32px;
}

.forumTable a.bomb 
{
    display: block;
    background-image: url(images/forum/bomb.png); 
    background-repeat: no-repeat;
    background-position: left center;
    padding: 8px 0px 8px 32px;
}

.forumTable a.sticky
{
    background-image: url(images/forum/sticky.png); 
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0px 24px 0px 0px;
}

.forumTable a.locked
{
    background-image: url(images/forum/lock.png); 
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0px 24px 0px 0px;
}

.forumTable a.stickylocked
{
    background-image: url(images/forum/stickylocked.png); 
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0px 40px 0px 0px;
}

.createForum label, .createThread label, .createReply label
{
	display: block;
    float: left;
    width: 180px;
    text-align: right;
    margin-right:10px;
    line-height: 2em;
}

.createThread label 
{
    width: 120px;
}

.createReply label
{
    width: 80px;
}

.createForum div, .createThread div, .createReply div
{
    margin-bottom: 0.8em;
}

.createForum input.title
{
   width: 300px;
}

.createThread input.title, .createThread div textarea
{
   width: 400px;
}

.createReply  div textarea
{
    width: 460px;
}

.createForum div.buttons
{
    margin-left: 190px;
}

.createThread div.buttons 
{
    margin-left: 130px;
}

.createReply div.buttons 
{
    margin-left: 90px;
}

.replyList
{
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
}

.reply
{
    margin: 0 0 10px 0;
    padding: 10px 0;
    overflow: hidden;
}

.reply .content 
{
    background-image: url(images/forum/replyBg.png);
    background-repeat: repeat-y;
    background-position: 485px;
    width: 100%;
    overflow: hidden;
}

.reply .text 
{
    float: left;
    width: 460px;
    padding: 10px 15px;
    overflow: hidden;
}

.reply .info 
{
    float: left;
    width: 120px;
    padding: 10px 15px;
    overflow: hidden;
}

contentAreaFull
{
	width: 750px;
	margin-left: 15px;
	float: left;
	overflow: hidden;
}

.container 
{
    padding: 3px 0;
    margin-bottom: 15px;
}

.contentAreaFull .container     { background: url(images/PageMainBodyWideBg.png) no-repeat; }

.container textarea 
{
    width: 90%;
    height: 12em;
}

.container .containerCaption
{
	padding: 0 10px 2px 10px;
}

.container .containerCaption h1
{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 1em;
	margin: 0;
	padding: 0;
    line-height: 1.6em;
}

.container .containerContent
{
	border: 1px solid #dcdcdc;
	padding: 10px;
	background-color: White;
}

.container .containerContentText
{
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding: 10px 40px 15px 25px;
}

.container .containerToolbar
{
	float: right;
	padding: 0 10px;
	font-family: Verdana, Helvetica, Sans-Serif;
}

.container .containerCaption .containerToolbar 
{
    padding: 0;
}

.validation ul
{
	font-family: Verdana, Helvetica, Sans-Serif;
    font-style: normal;
    font-size: 0.8em;
	background-color: #eeeeee;
	margin: 1em 0em 1em 0em;
	padding: 1em;
	list-style-type: inherit;
}

.validation li
{
	margin-left: 2em;
	list-style-image: none;
} 

/*************************/
/* CAPTCHA               */
/*************************/

fieldset.captcha div
{
	float: left;
	display:block;	
}

fieldset.captcha img
{
    margin: 5px 5px 5px 0px;
    display: block;
}


fieldset.captcha input
{
	display: inline;
}

fieldset.captcha input.reload 
{
	float: right;
	display: inline;
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

fieldset.captcha .span /* validator */
{
	display: inline;
}

/*************************/
/* Beta Program          */
/*************************/
.agreement
{
	background-color: #eeeeee; 
	border: 1px solid #333333; 
	width: 97%;
	height: 400px;
	margin-bottom: 20px;
	padding: 4px;
	overflow: auto;
}

.agreementButtons
{
	margin-top: 10px;	
}

/*************************/
/* Modal Popup           */
/*************************/
.modalBackground {
	background-color: #000;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalPopup {
	width:608px;
	min-height:30px;
	height: auto !important; height:30px;
	padding: 10px;
	margin: 10px;
}

.modalPopup_top 
{
	cursor: move;
	float:left;
	width: 608px;
	height: 13px;
	background: url(images/modal_top.png) no-repeat;
}

.modalPopup_bottom
{
	float:left;
	width: 608px;
	height: 16px;
	background: url(images/modal_bottom.png) no-repeat;
}

.modalPopup_body
{
	float:left;
	width: 608px;	
	background: url(images/modal_body.png) repeat-y;
}

.modalPopup_table
{
	vertical-align:top;
	width: 570px;
	margin: 0px 20px 0px 20px;
}

.modalPopup_table h1, h2 {
	margin-bottom: 5px;
	font-family: Verdana, Arial;
}

.modalPopup_table h1 {
	font-size: 16px;
	font-weight: bold;
}

.modalPopup_table td {
	vertical-align: top;
}

.modalPopup_table ul 
{
	list-style-type: none;
	padding: 0px;
	
}

.modalPopup_table li
{
	display: inline;
}

.modalPopup_closeButton 
{
	margin: 0px;
	padding: 0px;
	float: right;	
	padding-right: 25px;
	
}

.highlight_left 
{
	float:left;
	width: 8px;
	height: 18px;
	background: url(images/highlight_left.png) no-repeat;
}

.highlight_right
{
	float: left;
	width: 8px;
	height: 18px;
	background: url(images/highlight_right.png) no-repeat;
	margin-right: 10px;
}

.highlight 
{
	float: left;
	height: 18px;
	background-color: #99CCFF;
	font-weight:bold;
}

/*************************/
/* File listing          */
/*************************/
.fileListFunctions
{
	float: left;
	width: 100%;
	margin:10px 0px 10px 0px; 
	padding: 5px 0px 5px 0px;
	background-color: #eee; 
	border: 1px solid #ccc;
}

.fileListFunctions #pager
{
	float:right; 
	margin-right:5px;
}

.fileListFunctions .disabled { text-decoration: none; }

#fileList { width: 100%; clear: both; font-size: 11px;}
#fileList tr { border-bottom: 1px solid #ddd; }
#fileList tr.odd { background-color: #eee; }
#fileList td.fileImage {vertical-align: middle;}
#fileList td.fileImage img {padding-left: 2px;}
#fileList td.fileCell
{
	vertical-align: top; 
	margin: 10px; 
	padding: 8px; 
	width: 100%;
}

#fileList td.fileCell h2
{
	margin: 0px; 
	padding: 0px;
	font-size: 11px;
}

#filterBar strong
{
	float:left;
	font-weight: bold;
	margin-left:5px;
	margin-right:10px;
}

#filterBar ul
{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#filterBar li
{
	display:inline;
	float:left;
	margin:0;
}

#filterBar li a
{
	display:block;
	padding:0px 7px;
	line-height: 19px;
}

#filterBar .selected
{
	background:url('images/filter_nav_left.png') no-repeat 0 0;
}
#filterBar .selected a
{
	background:url('images/filter_nav_right.png') no-repeat right top;
	color:#fff;
	padding:0px 13px;
}

#filterBar li label
{
	padding:0px 7px;
	line-height: 19px;	
}

.fileListFunctions .txt
{
	line-height: 22px;	
}

#downloadList { width: 100%; border: 1px #ccc solid;float: left; margin-top: 10px;}
#downloadList td h2 { margin: 0px; color: White; padding: 5px 0px 5px 5px; background-color: #0066a6; border:1px solid #ccc; }
#downloadList tr.header td { font-weight: bold; }

#downloadList tr { border-bottom: 1px solid #ddd; }
#downloadList tr.odd { background-color: #eee; }
#downloadList tr.file td{padding: 8px;}
#downloadList td {vertical-align:top;}
#downloadList td.fileImage {vertical-align: middle;}

/*************************/
/* Course Schedule       */
/*************************/

#courseSchedule { width: 100%; }
#courseSchedule #header { font-weight: bold; }
#courseSchedule td { vertical-align: top; padding: 5px 0px 5px 0px;}
#courseSchedule tr.odd { background-color: #eee; }

/*************************/
/* Course                */
/*************************/

#courseInfo 
{ 
	border: 1px solid #c9c6c0;
	background: #eeeeee;
	margin: 10px 0px 20px 0px;
	width: 60%;
	
}
#courseInfo td
{
	font-size: 11px;
	padding: 8px;
	vertical-align: top;
	border-bottom: 1px dashed #c9c6c0;
}
#courseInfo td.key 
{ 
	font-weight: bold;
}

/*************************/
/* PartnerCustomer       */
/*************************/

#partnerCustomers
{
	width: 100%;
	margin-top: 10px;
}

#partnerCustomers td.header
{
	background-color: #F6F6F6;
	border: 1px solid #2d558e;
	color: #2d558e;
	font-weight: bold;
	padding-left: 2px;
}

.customerLicenses
{
	width: 100%;
	margin-bottom: 25px;
}

.customerLicenses tr.header {font-weight: bold;}

/*************************/
/* Worldwide Offices     */
/*************************/
.region table
{
	margin-left: 15px;
	width: 633px;
}
.region table td { vertical-align: top; }
.region table td.flag { width: 50px; }
.region table td.title { width: 265px; }
.region table td img { margin-top: 6px; }


/**************************/
/*	Support Ticket Wizard */
/**************************/
.stepNotCompleted
{
    background-color: rgb(153,153,153);
    width: 15px;
    border: 1px solid rgb(153,153,153);
    margin-right: 5px;
    color: White;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
}

.stepCompleted
{
    background-color: #4d4d4d;
    width: 15px;
    border: 1px solid #4d4d4d;
    color: White;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
}

.stepCurrent
{
    background-color: #0066a6;
    width: 15px;
    border: 1px solid #0066a6;
    color: White;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.stepBreak
{
    width: 3px;
    background-color: Transparent;
}

.wizardProgress
{
    font-family: Arial;
    color: #333333;
    font-size: 12px;
}

.wizardStep label {display: block; margin-bottom: 3px;}
.wizardStep .checkBox label {display: inline; margin: 0px; padding-left: 5px; vertical-align:middle;}
.wizardStep .checkBox input {display: inline;width: 10px; vertical-align: middle; margin: 0px;}
.wizardStep table td
{
	padding: 5px 0px 5px 0px;
}

.wizardStep input, .wizardStep select
{
	padding: 0px;
    /*width: 200px;*/
    display: block;
    margin: 0.3em 0 1em 0;
}

.wizardStep .radioList label 
{
	font-weight: normal; 
	display: inline; 
	margin-bottom: 0px;
	margin-left: 3px;
	vertical-align: top;
}
.wizardStep .radioList input {width: auto; margin: 0px; vertical-align: bottom; display: inline;}

/* grid */
table.my_gridview { border-collapse: collapse; margin: 0px !important; width: 100%; border: 0px;}
.my_gridview td { font-family: Arial;}
table.my_gridview a { color: #000; text-decoration: none; }
table.my_gridview a:hover { text-decoration: underline; }

/* header */
tr.my_gridview_hdr, .my_gridview_hdr th { background-color: #eee; border:1px solid #ccc; }
.my_gridview_hdr a  { padding-right:15px; padding-left:3px; }

/* item row */
.my_gridview_itm td { padding: 0px 5px; border-bottom: #ccc 1px solid; text-indent: 3px;}
.my_gridview_itm:hover { background-color: #0066a6; cursor: pointer; color: #fff; }
.my_gridview_itm_sel { font-weight: bold; color: #fff; background-color: #0066a6; border-bottom: #ccc 1px solid; text-indent: 3px;}


/**************************/
/*	Issue details		  */
/**************************/


.tabSection
{
	width:100%;
	font-size: 11px;
}

.tabSection h2 img 
{ 
	margin-right: 3px;
}

.repeater { width: 100%; }
.repeater td { padding: 5px 15px 5px 15px; border-bottom: 1px solid #c9c6c0; }

.repeater tr.odd { background-color: #eee; }

.repeater td div.info
{
	padding: 5px;
	float: left;
	z-index:10;
	background-color:#f5f0f0;
	border: 1px solid #2d558e;
    position:absolute;
}

.repeater td div.info ul { list-style-type: none; margin-left: 0px; padding-left: 0px; }
.repeater td div.info li { margin: 0px; padding: 0px;}

.buttonList
{
	margin: 5px 0px 15px 0px; 
	padding: 10px;
	background-color:InfoBackground;
	color: InfoText;
	border: 1px solid #2d558e;
}

.buttonList li {display: inline; list-style-type: none; }
.buttonList li div { display: inline; }
.buttonList li div div { display: block;}

.commentBoxFocus
{
	height: 200px;	
}

.issueDetails { border: 0px; margin-bottom: 10px; border-collapse: collapse;}
.issueDetails tr.header, .issueDetails tr.header td { border-bottom: 1px solid #2d558e; }
.issueDetails tr.header h2 { margin: 2px 2px 2px 0px;}
.issueDetails tr, .issueDetails tr td { border-bottom: 1px dashed #c9c6c0; }
.issueDetails tr.comment, .issueDetails tr.comment td {border-bottom: 0px;}
.issueDetails td
{
	font-size: 10px;
	vertical-align: top;
}