/* Browser Defult Settings */
html, body, ul, ol, li, p,h1, h2, h3, h4, h5, h6,form, fieldset, a {margin: 0;padding: 0;border: 0;}
/* End Defult Settings */
html {
height: 100%;
}
body {
margin: 0;
padding: 0;
height: 100%;
font-family:Arial, Helvetica, sans-serif;
font-size: 100.01%; /* This odd 100.01% value for the font size compensates for several browser bugs.*/
background:#ffffff url(bg.jpg) repeat-x;
}
#content {
background: #EEE;
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 0 20px 0 20px;
margin: auto;
font: 1.5em arial, verdana, sans-serif;
width: 960px;
height: 100%;
}
.onpaper {
BORDER-RIGHT: #edc89b thin; PADDING-RIGHT: 5px; BORDER-TOP: #edc89b thin; PADDING-LEFT: 5px; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; BORDER-LEFT: #edc89b thin; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #edc89b thin; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.onpaper:link {
FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.onpaper:visited:unknown {
FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.onpaper:active {
FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.onpaper:hover {
FONT-SIZE: 11px; COLOR: #ff8542; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline;
}
.onpapernav {
BORDER-RIGHT: #edc89b thin; PADDING-RIGHT: 5px; BORDER-TOP: #edc89b thin; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; BORDER-LEFT: #edc89b thin; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #edc89b thin; FONT-FAMILY: "Times New Roman", Times, serif; BACKGROUND-COLOR: #fff7e1;
}
.baseline {
FONT-SIZE: 15px; COLOR: #d5d1b9; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A.baseline:link {
FONT-SIZE: 15px; COLOR: #d5d1b9; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.baseline:visited {
FONT-SIZE: 15px; COLOR: #d5d1b9; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.baseline:active {
FONT-SIZE: 15px; COLOR: #d5d1b9; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.baseline:hover {
FONT-SIZE: 15px; COLOR: #ff8542; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
.baseline2 {
FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A.baseline2:link {
FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.baseline2:visited {
FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.baseline2:active {
FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.baseline2:hover {
FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
.leftrail {
FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.leftrail:link {
FONT-SIZE: 10px; COLOR: #0000ff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.leftrail:visited {
FONT-SIZE: 10px; COLOR: #79896e; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.leftrail:active {
FONT-SIZE: 10px; COLOR: #79896e; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.leftrail:hover {
FONT-SIZE: 10px; COLOR: #ff8542; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline;
}
.margin {
PADDING-RIGHT: 5px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
}
.onpaper1 {
BORDER-RIGHT: #edc89b 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #edc89b 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #edc89b 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #edc89b 1px solid;
}
.onpaper2 {
BORDER-RIGHT: #edc89b thin; PADDING-RIGHT: 0px; BORDER-TOP: #edc89b thin; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; BORDER-LEFT: #edc89b thin; COLOR: #000000; PADDING-TOP: 0px; BORDER-BOTTOM: #edc89b thin; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
/*---------------- ALL fonts slutions ----------------------- */
.dotted_bottom_line { border-bottom:1px dotted #898989;}
.dotted_blue_line { border-bottom:1px dotted #6084b5;}
.normal_font { font-size:12px; color:#333333;}
.normal_font_small { font-size:10px; color:#333333;}
.normal_font_small_link { font-size:10px; color:#333333; text-decoration:none; cursor:pointer;}
.normal_font_small_link:hover { font-size:10px; color:#666666; text-decoration:none; cursor:pointer;}
.normal_font_light { font-size:12px; color:#777777;}
.normal_font_light_11 { font-size:11px; color:#777777;}
.orange_font_11 { font-size:11px; color:#eb8e20;}
.green_font_11 { font-size:11px; color:#9fd010;}
.normal_font_white_11 { font-size:11px; color:#FFFFFF;}
.normal_font_dark_11 { font-size:11px; color:#333333;}
.normal_arial_font_light { font-size:10px; color:#999999; }
.normal_font_blue { font-size:12px; color:#3a89c9;}
.normal_font_blue_link { font-size:12px; color:#3a89c9; cursor:pointer; text-decoration:none;}
.normal_font_blue_link:hover { font-size:12px; color:#3a89c9; cursor:pointer; text-decoration:underline;}
.normal_font_white_bold_simple { font-size:12px; color:#FFFFFF; cursor:pointer; text-decoration:none; font-weight:bold;}
.normal_font_white_bold_simple2 { font-size:14px; color:#FFFFFF; cursor:pointer; text-decoration:none; font-weight:bold;}
.normal_font_white_link { font-size:12px; color:#FFFFFF; cursor:pointer; text-decoration:none; font-weight:bold;}
.normal_font_white_link:hover { font-size:12px; color:#000000; cursor:pointer; text-decoration:underline; font-weight:bold;}
.normal_font_orange_link { font-size:12px; color:#cb6e00; cursor:pointer; text-decoration:none;}
.normal_font_orange_link:hover { font-size:12px; color:#cb6e00; cursor:pointer; text-decoration:underline;}
.normal_font_dark_blue_link { font-size:12px; color:#003569; cursor:pointer; text-decoration:none;}
.normal_font_dark_blue_link:hover { font-size:12px; color:#003569; cursor:pointer; text-decoration:underline;}
.arial_heading_font { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#333333;}
.arial_heading_font_gry_11 { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#666666;}
.arial_heading_font_gry_12 { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666666;}
.arial_heading_font_dark_orange_11 { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#4a3717;}
.arial_heading_font_green_11 { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#8cb333;}
.arial_heading_font_orange_11 { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#f08f1c;}
.arial_heading_font_green_12 { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#8cb333;}
.arial_heading_font_orange_12 { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#f08f1c;}
.arial_heading_font_green_14 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#8cb333;}
.arial_heading_font_orange_14 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#f08f1c;}
.arial_heading_font_green_16 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#8cb333;}
.arial_heading_font_orange_16 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#f08f1c;}
.arial_heading_font_black_16 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#000000;}
.arial_heading_font_blue_16 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#2d496e;}
.arial__big_heading_font { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#333333;}
.arial_big_heading_font_red2 { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#cb0008;}
/*------------------- All Fonts End Here --------------------------*/
.user_img { border:1px solid #CCCCCC; width:136px; height:130px;}
/* All Links Start Here */
.normal_font_blue_link { font-size:12px; color:#3a89c9; cursor:pointer; text-decoration:none;}
.normal_font_blue_link:hover { font-size:12px; color:#3a89c9; cursor:pointer; text-decoration:underline;}
.normal_font_dark_blue_link { font-size:12px; color:#003569; cursor:pointer; text-decoration:none;}
.normal_font_dark_blue_link:hover { font-size:12px; color:#003569; cursor:pointer; text-decoration:underline;}
.arial_bold_font_link { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666666; text-decoration:none; cursor:pointer;}
.arial_bold_font_link:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#52c2d0; cursor:pointer; text-decoration:none;}
.arial_blue_font_link { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#45679e; text-decoration:none; cursor:pointer;}
.arial_blue_font_link:hover { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#45679e; cursor:pointer; text-decoration:none;}
.normal_link { font-size:12px; color:#333333; cursor:pointer; text-decoration:none;}
.normal_link:hover { font-size:12px; color:#333333; cursor:pointer; text-decoration:underline;}
.arial_small_font_tag_link { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4c6d99; cursor:pointer; text-decoration:underline; padding:2px;}
.arial_small_font_tag_link:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; cursor:pointer; text-decoration:underline; padding:2px;}
.normal_font_bold_white_simple { font-size:16px; color:#FFFFFF; font-weight:bold; text-decoration:none; }
.normal_font_bold_white_simple_14 { font-size:16px; color:#FFFFFF; text-decoration:none; }
.normal_font_bold_white_simple_14_bold { font-size:16px; color:#FFFFFF; font-weight:bold; text-decoration:none; }
.normal_font_bold_white_simple_18 { font-size:18px; color:#FFFFFF; text-decoration:none; }
.normal_font_bold_white_simple_big { font-size:22px; color:#FFFFFF; font-weight:bold; text-decoration:none; cursor:pointer;}
.normal_font_bold_white_link { font-size:16px; color:#FFFFFF; font-weight:bold; text-decoration:none; cursor:pointer;}
.normal_font_bold_white_link:hover { font-size:16px; color:#FFFFFF; font-weight:bold; cursor:pointer; text-decoration:underline;}
/* All Links End Here */
.search_fields { width:230px; border:1px solid #FFFFFF; height:22px; font-size:16px; color:#666666;}
/* forms components*/
input { height:20x; border:1px solid #CCCCCC; font-size:14px; color:#990000; }
select { height:20x; border:1px solid #CCCCCC; font-size:14px; color:#990000; }
/* end forms components */
/* list styles */
.lp ul { list-style-type: none; }
.lp ul li { padding-left: 22px; background:url(as2.png) 0px 4px no-repeat; font-size:12px; line-height:25px; font-family:Arial, Helvetica, sans-serif; }
.lpw ul { list-style-type: none; }
.lpw ul li { padding-left: 22px; background:url(as.png) 0px 4px no-repeat; font-size:12px; line-height:25px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; }
.lp2 ul { list-style-type: none; }
.lp2 ul li { padding-left: 27px; background:url(bookmark_toolbar.png) 0px 4px no-repeat; font-size:12px; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#666666; }
/* list styles end */
/* ------------- Icon Text Start Here --------------------- */
.title_heading{ background:url(icons/big_icon.png) no-repeat; padding-left:40px; font-size:22px; color:#88b046; text-decoration:none; background-position:0px -1px; line-height:36px;}
.title_heading:hover { background:url(icons/big_icon.png) no-repeat; padding-left:40px; font-size:22px; color:#88b046; text-decoration:none; background-position:0px -1px; line-height:36px;}
.pop_tags{ background:url(icons/tag_orange.png) no-repeat; padding-left:20px; font-size:20px; color:#ee9124; text-decoration:none; background-position:0px 5px; }
.pop_tags:hover { background:url(icons/tag_orange.png) no-repeat; padding-left:20px; font-size:20px; color:#ee9124; text-decoration:none; background-position:0px 5px; }
.user_login{ background:url(icons/user_red.png) no-repeat; padding-left:20px; font-size:12px; color:#666666; cursor:pointer; text-decoration:none; background-position:0px -1px;}
.user_login:hover { background:url(icons/user_red.png) no-repeat; padding-left:20px; font-size:12px; color:#666666; cursor:pointer; text-decoration:underline; background-position:0px -1px;}
.read_brief { background:url(icons/read_brief.png) no-repeat; padding-left:20px; font-size:12px; color:#666666; cursor:pointer; text-decoration:none; background-position:0px 0px;}
.read_brief:hover { background:url(icons/read_brief.png) no-repeat; padding-left:20px; font-size:12px; color:#666666; cursor:pointer; text-decoration:underline; background-position:0px 0px;}
.submit_deisgn { background:url(icons/up_deisgn.png) no-repeat; padding-left:20px; font-size:12px; color:#666666; cursor:pointer; text-decoration:none; background-position:0px -1px;}
.submit_design:hover { background:url(icons/up_deisgn.png) no-repeat; padding-left:20px; font-size:12px; color:#666666; cursor:pointer; text-decoration:underline; background-position:0px -1px;}
.share_friends{ background:url(icons/tell_frnd.png) no-repeat; padding-left:20px; font-size:12px; color:#666666; cursor:pointer; text-decoration:none; background-position:0px -1px;}
.share_friends:hover { background:url(icons/tell_frnd.png) no-repeat; padding-left:20px; font-size:12px; color:#666666; cursor:pointer; text-decoration:underline; background-position:0px -1px;}
.designer_user{ background:url(icons/designer.png) no-repeat; padding-left:20px; font-size:12px; color:#666666; cursor:pointer; text-decoration:none; background-position:0px -1px;}
.designer_user:hover { background:url(icons/designer.png) no-repeat; padding-left:20px; font-size:12px; color:#666666; cursor:pointer; text-decoration:underline; background-position:0px -1px;}
/* ------------- Icon Text End Here --------------------- */
/* All pics sizes */
.search_pic { width:124px; height:101px; border:2px solid #CCCCCC;}
.body_pic { width:91px; height:68px; border:5px solid #CCCCCC;}
.body_pic2 { width:104px; height:90px; border:2px solid #CCCCCC;}
/* end pics sizes */
/*------------------------------------------------footer--------------------*/
#footerMain{
width:900px;
}
#footer{
width:900px;
height:127px;
margin:0 auto;
}
#footer ul{
width:900px;
list-style-type:none;
}
#footer ul li{
float:left;
font:normal 12px/19px Arial, Helvetica, sans-serif;
color:#fff;
background-color:inherit;
}
#footer ul li a{
padding:0 7px;
color:#fff;
background-color:inherit;
text-decoration:none;
}
#footer ul li a:hover{
text-decoration:underline;
}
#footer p.copyright{
font:normal 10px/15px Arial, Helvetica, sans-serif;
position:absolute;
color:#B0D44E;
}
#footer p.design{
display:block;
width:182px;
height:16px;
padding:2px;
position:absolute;
left:225px;
top:91px;
font:bold 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#4DCDFD;
background-color:inherit;
text-transform:uppercase;
}
#footer p.design a.link{
font:bold 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#4DCDFD;
background-color:inherit;
text-decoration:none;
}
#footer p.design a.link:hover{
color:#fff;
background-color:#FF7C00;
}
/*------------------------------------------------footer--------------------*/
/* vertical navigation */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.arrowlistmenu{
width: 180px; /*width of menu*/
}
.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}
.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color:#999999;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px dotted #666666;
font-size: 75%;
}
.arrowlistmenu ul li a:visited{
color: #A70303;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #f2962a;
background-color: #F3F3F3;
}
.ntext{
font-size:12px;
}
/* map panel derop down class start */
.map_drop { padding:5px; border:1px solid #CCCCCC; color:#990000;}
.thumb_round {width:110px; height:110px; border:4px solid #333333;}
.thumb_roundfull {border:2px solid #666666;}
/* end vertical navigation */
/* ---------------------------------------------------------------------------------
CLASS TAB SET
------------------------------------------------------------------------------------ */
.classTabSet{
margin: -28px 8px 0 0;
padding: 0;
position: relative;
font: bold 11px Arial,Verdana,Helvetica,sans-serif;
list-style: none;
width: auto;
float: right;
}
.classTabSet li {
margin: 0;
padding: 0;
line-height: 1.5em;
display: inline;
}
.classTabSet a {
padding: 4px 15px 4px 13px;
text-decoration: none;
border-top: solid 1px #eef3f9;
border-left: solid 1px #eef3f9;
float: left;
display: block;
}
.classTabSet a:hover {background-color: #ffffff; color: #039;}
.classTabSet a:focus {outline: none;}
a.activeTab {
border-bottom: 1px solid #ffffff;
background-color: #ffffff;
color: #039;
}
a.inactiveTab {
border-bottom: 1px solid #ffffff;
background-color: #9aaec9;
color: #ffffff;
}
/* ---------------------------------------------------------------------------------
CLASS TAB SET
------------------------------------------------------------------------------------ */
.classTabSet2{
margin-left:10px;
padding: 0;
position: relative;
font: bold 11px Arial,Verdana,Helvetica,sans-serif;
list-style: none;
width: auto;
float:left;
}
.classTabSet2 li {
margin: 0;
padding: 0;
line-height: 1.5em;
display: inline;
}
.classTabSet2 a {
padding: 4px 15px 4px 13px;
text-decoration: none;
border-top: solid 1px #eef3f9;
border-left: solid 1px #eef3f9;
float: left;
display: block;
}
.classTabSet2 a:hover {background-color: #9aaec9; color: #ffffff;}
.classTabSet2 a:focus {outline: none;}
a.activeTab2 {
border-bottom: 1px solid #ffffff;
background-color: #9aaec9;
color: #ffffff;
}
a.inactiveTab2 {
border-bottom: 1px solid #ffffff;
background-color: #264C88;
color: #ffffff;
}
/* ---------------------------------------------------------------------------------
end CLASS TAB SET
------------------------------------------------------------------------------------ */
.Top_td_heading {
height:22px;
color: #FFFFFF; font-size: 12px; font-weight : bold;
background-color: #274E8C;
}