/* 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:#790d01 url(../images/bg.jpg) ;
}
#header_strip { height:51px; width:100%; background:#8b0c0b url(../images/header_1.png) repeat-x; border-bottom:4px solid #565b5e;}
#header_strip_2 { height:29px; width:100%; background:url(../images/oragne_strip.png) repeat-x; clear:both;}
.top_list_thubm { width:140px; height:105px; border:1px solid #333333; }
.panel_thubms { width:140px; height:105px; border:1px solid #333333; }
.most_thubms { width:58px; height:44px; border:1px solid #333333; }
.row_onover { background-color:#FFFFFF;}
.row_onover:hover { background-color:#f2f2f2;}
.footer { background-color:#ff8107;border-top:4px solid #4c523c; }
#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;
}
.logintext { margin-top:4px;}
.loginlabel { font-size:12px; color:#FFFFFF; margin-top:4px; font-weight:bold;}
.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_right_line { border-right:1px dotted #000000;}
.solid_bottom_line { border-bottom:3px solid #86b700;}
.border_gree_10px {border:10px solid #8fc400; background-color:#FFFFFF;}
.border_orange_10px {border:10px solid #fc800a; background-color:#FFFFFF;}
.dotted_bottom_line_white { border-bottom:1px dotted #FFFFFF;}
.normal_font { font-size:12px; color:#333333;}
.normal_font_small { font-size:10px; color:#333333;}
.normal_blue {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #7DB335;
}
.normal_blue_bold {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #7DB335;
font-weight:bold;
}
.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 a{ font-size:12px; color:#777777;}
.normal_font_light a:hover{ font-size:12px; color:#FF9900; text-decoration:underline;}
.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:12px; color:#FFFFFF; cursor:pointer; font-weight:bold;}
.normal_font_white__link_11 { font-size:11px; color:#FFFFFF; text-decoration:underline; cursor:pointer;}
.normal_font_white__link_11:hover { font-size:11px; color:#000000; text-decoration:underline; cursor:pointer;}
.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_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_white_simple { font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold;}
.normal_font_white_simple a { font-size:12px; color:#3a89c9; text-decoration:none; font-weight:bold;}
.normal_font_white_simple a:hover { font-size:12px; color:#777777; text-decoration:underline; font-weight:bold;}
.normal_font_white { font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:normal;}
.normal_font_white_simple_italic { font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold; font-style:italic;}
.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 a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#666666; text-decoration:none;}
.arial_heading_font_gry_11 a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#666666; text-decoration:underline;}
.arial_heading_font_gry_12 { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666666;}
.arial_heading_font_black_12 { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000;}
.arial_heading_font_black_12 a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000; text-decoration:none;}
.arial_heading_font_black_12 a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000; text-decoration:underline;}
.arial_heading_font_dark_orange_11 { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#4a3717;}
.arial_heading_font_red_12 { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#790c0b;}
.arial_heading_font_red_11 { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#790c0b;}
.arial_heading_font_red_11 a { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#790c0b; text-decoration:none;}
.arial_heading_font_red_11 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#790c0b; text-decoration:underline;}
.arial_heading_font_green_11 { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#8cb333;}
.arial_heading_font_green_11 a { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#8cb333; text-decoration:none;}
.arial_heading_font_green_11 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#8cb333; text-decoration:underline;}
.arial_heading_font_orange_11 { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#8B0C0B;}
.arial_heading_font_orange_11 a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#8B0C0B; text-decoration:none;}
.arial_heading_font_orange_11 a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#8B0C0B; text-decoration:underline;}
.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;}
.georgia_heading_font_black_16 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:bold; color:#000000;}
.arial__big_heading_font { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#333333;}
.arial_big_heading_font_green2 { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#9ab540;}
/*------------------- 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 a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666666; text-decoration:none; cursor:pointer;}
.arial_bold_font_link a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#52c2d0; 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:#ee9224; cursor:pointer; text-decoration:none; padding:2px;}
.arial_small_font_tag_link:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; cursor:pointer; text-decoration:none; background-color:#91c53d; padding:2px;}
.normal_font_bold_white_simple { font-size:16px; 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;}
/* list styles */
.lp ul { list-style-type: none; }
.lp ul li { padding-left: 22px; background:url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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;
}
/* end vertical navigation */
/* pagination */
.pagination{
padding: 2px;
}
.pagination ul{
margin: 0;
padding: 0;
font-family:Arial;
text-align:center; /*Set to "right" to right align pagination interface*/
font-size: 12px;
font-weight: bold;
}
.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
margin-right:3px;
}
.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #B2E05D;
text-decoration: none;
color: #79ac21;
}
.pagination a:hover, .pagination a:active{
border: 1px solid #B2E05D;
color: #FFFFFF;
background-color: #B2E05D;
}
.pagination a.currentpage{
background-color: #79ac21;
color: #FFF !important;
border-color: #79ac21;
font-weight: bold;
cursor: default;
}
.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}
.pagination a.prevnext{
font-weight: bold;
}
/* paginaton*/
/* ------------- Some Examples ----------------*/
/*---------------------------------------------*/
/* background shorthand example
.element {
background:red url(image.png) repeat top left scroll;
}
*/
/*---------------------------------------------
font example
.p {
font:bold 1em/1.2em georgia,"times new roman",serif;
}
*/
/*---------------------------------------------
font example
.p {
font:bold 1em/1.2em georgia,"times new roman",serif;
}
/*-----------------------------------
ul li {
list-style:square inside url(image.png);
}
in this particular case if image.png is not available
then a square will be provided as secondary
*/
.loginbutton {
margin: 4px 0 0 0;
padding: 0px;
}
a.cloud1 span {color:#FF33CC; font-size:18px; text-decoration:underline;}
a.cloud2 span {color:#6DC917; font-size:12px; text-decoration:underline;}
a.cloud3 span {color:#2AB1C3; font-size:12px; text-decoration:underline;}
a.cloud4 span {color:#2AB1C3; font-size:22px; text-decoration:underline;}
a.cloud5 span {color:#FFF; font-size:20px; text-decoration:underline;}
.footer-links a{
font-size:12px;
color:#FFFFFF;
text-decoration:none;}
.footer-links a:hover {
color:#FFFFFF;
text-decoration:underline;}
/* MISC pages */
.text_field_login { width:250px; height:24px; font:20px/20px Arial, Helvetica, sans-serif; border:1px solid #CCCCCC; color:#333333;}
.text_field_comments { width:365px; height:70px; font:20px/20px Arial, Helvetica, sans-serif; border:1px solid #CCCCCC; color:#333333;}
.text_field_login:hover .text_field_login:focus { width:250px; height:24px; font:20px/20px Arial, Helvetica, sans-serif; border:1px solid #666666; color:#333333;}
.login_btn { background-color:#333333; color:#CCCCCC; padding:3px 11px; cursor:pointer; font-size:12px; border:1px solid
#333333; }
.login_btn:hover { background-color:#000000; color:#ffffff; padding:3px 11px; cursor:pointer; font-size:12px; border:1px solid
#333333; }
.account_btn {
background-color:#666666; color:#CCCCCC; padding:3px 11px; cursor:pointer; font-size:12px; border:1px solid
#666666;
}
.account_btn:hover { background-color:#666666; color:#ffffff; padding:3px 11px; cursor:pointer; font-size:12px; border:1px solid
#666666; }
.group_btn { background-color:#ff6b00; color:#333333; padding:7px 11px; cursor:pointer; font-size:16px; border:1px solid
#de6000; }
.comment_btn { background-color:#8cb333; color:#333333; padding:7px 11px; cursor:pointer; font-size:16px; border:1px solid
#8cb333; }
.comment_btn:hover { background-color:#333333; color:#ffffff; padding:7px 11px; cursor:pointer; font-size:16px; border:1px solid
#333333; }
.group_btn:hover { background-color:#333333; color:#ffffff; padding:7px 11px; cursor:pointer; font-size:16px; border:1px solid
#de6000; }
.groups_thumb { width:185px; height:115px; border:2px solid #666666; }
/* end misc pages */
#tabmenucontainer {
margin: 0px;
padding: 0px;
position: relative;
top: 15px;
width: 400px;
}
#tabmenucontainer a {
width: 135px;
text-align:center;
padding:5px;
height: 25px;
color:#FFFFFF;
background-color:#333333;
border: none;
text-decoration: none;
}
#tabmenucontainer a:hover {
background-color:#9ab540;
}
#tabmenucontainer a.tabactive {
background-color:#9ab540;
}
.errorbox{
background-color:#FFFFFF;
border: dotted 1px #FF0000;
color: #FF0000;
font-weight: normal;
font-size: 13px;
width:400px;
margin-top: 10px;
margin-bottom: 15px;
padding: 3px;
}
.msgbox{
background-color:#FFFFFF;
border: dotted 1px #009933;
color: #009933;
font-weight: normal;
font-size: 13px;
width:400px;
margin-top: 10px;
margin-bottom: 15px;
padding: 3px;
}