﻿/***********************************
 * 	Controls
 ***********************************/
.control {
	border: #DEDEDE 1px solid;
	background: #FFF;
	margin-bottom: 12px;
	padding: 5px;
}
#leftColumn .sideControl { border-radius: 5px; }
#leftColumn2 .sideControl { border-radius: 5px; }
#rightColumn .sideControl { border-radius: 5px; }
.control .controlTitle { color: #FFF; margin-bottom: 12px; }
.control .controlTitle h2, .control .controlTitle h3, .control .controlTitle h4 { font-size: 13.5px; font-weight:bold; line-height:18px;  }
.control .controlContent { margin-bottom: 10px; }
.control .controlFooter { margin: 0; font-size: 12px; padding: 10px; }

.control .formField.text input, .control textarea { background: #DDD; border: none; border-radius: 0; }
.control form label {}
 .htmlcontent li
 {
 	padding-left:3px;
 	margin-left:20px;
 	list-style-type:disc;
 }
/**
 * 	Main Column
 */
.mainControl { border-radius:5px 5px 5px 5px; }
.mainControl .controlTitle { background: #0d2d4d; padding: 6px 6px 6px 18px; margin: 0 0 6px 0; border-radius:5px; }
.mainControl .controlTitle h2 { font-size: 24px; }
.mainControl .controlTitle span { font-size: 15px; font-weight:bold; }
.mainControl .controlContent { padding: 0px 0px; }
.mainControl .controlFooter { background: rgb(181,181,181); color: #0d2d4d; padding: 10px 20px; border-radius:0 0 5px 5px; }
	
/***************************************************
*  Start of the real stuff
****************************************************
*/

/* trainup menu */
#menu-container
{
    float: left; margin-left: 0px;
    position: absolute;
    z-index: 1;
}

#menu-container .left-corner
{
	background: url(img/tupMenuCornerLeft.png) no-repeat transparent;  
    float:left;
    height:27px;
    width: 10px;
}

#menu-container .middle
{
    float: left; 
    width: 25px; 
    height: 24px; 
    background: url(img/tupMenu_Middle_2.jpg) repeat-x; 
    padding-top: 3px;
}

#menu-container .right-corner
{
    float: left;
    height:27px;
    background:url(img/tupMenuCornerRight.png) no-repeat transparent; 
    width:10px;
}

#menu
{
    margin:0px; 
    padding:0px; 
    list-style:none; 
    color:#fff; 
    line-height:27px;
    display:inline-block; 
    float:left; 
    z-index:1000;
} 
#menu a
{
    font-size: 12px;
    font-weight:bold;
    font-family:Trebuchet MS;
    color:#ffffff; 
    text-decoration:none;
    text-align:left;
}

.firstlevel
{
    line-height:27px;
}

#menu > li 
{
    margin:0;
    background-image:url(img/tupMenu_Middle_2.jpg);
    background-repeat:repeat-x;
    cursor:pointer; 
    float:left; 
    position:relative;
    padding:0px 12px 0px 12px;
    border-left: solid 1px #ffffff;
    height: 27px;
} 
#menu > li a:hover 
{
    color:#B0D730;
}
/* sub-menus*/ 
#menu ul 
{ 
    padding:0px; 
    margin:0px; 
    display:block; 
    display:inline;
} 
#menu li ul 
{ 
    position:absolute; 
    z-index:100000;
    left:0px; 
    top:0px; 
    margin-top:27px;
    width:150px; 
    line-height:16px; 
    background-color: #194F95; 
    color:#0395CC; 
    /* for IE */ 
    display:none; 
}

#menu ul li ul
{
    position: relative;
    border: solid 1px #ffffff;
    margin-top: -20px;
    margin-left: 110px;
}

#menu li:hover ul, #menu li.over ul 
{ 
    display:block;
} 

#menu li:hover ul ul, #menu li.over ul ul
{
	display:none;
}
/* SHOW SUBMENU 2 */
#menu ul li:hover ul, #menu ul li.over ul
{
	display:block;
}

#menu li ul li
{ 
    display:block; 
    margin:5px 20px; 
    padding: 5px 0px;  
    border-top: dotted 1px #606060; 
    list-style-type:none; 
} 
#menu li ul li:first-child 
{ 
    border-top: none;
} 
#menu li ul li a 
{ 
    display:block; 
    color:#ffffff; 
} 
#menu li ul li a:hover 
{ 
     
} 
/* main submenu */ 
#menu #main 
{ 
    left:0px; top:-20px; 
    padding-top:20px; 
    background-color:#7cb7e3; 
    color:#fff; 
    z-index:999;
} 

#divUnsubscribe
{
    width: 550px;
    padding: 30px 30px 0 75px;
}

#divThanks
{
    width: 550px;
    padding: 30px 30px 0 75px;
}

/* corners*/ 
#menu .corner_inset_left { position:absolute; top:0px; left:-12px;} 
#menu .corner_inset_right { position:absolute; top:0px; left:150px;} 
#menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; 
    border:none; position:relative; border:none; height:0px;} 
#menu .corner_left { position:absolute; left:0px; top:0px;} 
#menu .corner_right { position:absolute; left:141px; top:0px;} 
#menu .middle { position:absolute; left:9px; height: 10px; width: 132px; top:0px;}

#menu #first
{
    border-left: none;
}

.searchMenu
{
	float:left;
	width:1010px;
	background-color:#2465BC;
	height:36px;
	padding-left:10px;
	vertical-align:middle;
	
}
#imgSearch
{
	background-position:center;
	vertical-align:middle;
	border-style: none;
	float: left;
	padding-right: 5px;
	height: 32px;
	background-image: url(img/tupSearch.png);
	background-repeat: no-repeat;
	width: 171px;
}

#btnSBSearch
{
	background-image:url('img/tupGo.gif');
	width:28px;
	height:28px;	
	vertical-align:middle;
}
#ddlCategoryLocation
{
	width:200px;
	vertical-align:middle;
}

#ddlLocation
{
	width:220px;
	vertical-align:middle;
}

.tupkeyword
{
	width:180px;
	height:16px;
	margin:3px;
	vertical-align:middle;
}

