body
{
    margin: 0px;
    background: #3d3d3d url(images/bg-main-gray.jpg) repeat-x scroll top right;
}
div, p, label, h1, h2, h3, h4, h5
{
    margin: 0px;
    padding: 0px;
    font-family: Tahoma;
    font-weight: normal;
    font-size: 9pt;
    color: #444;
    direction: rtl;
    line-height: 150%;
}
img
{
    border: 0px;
    vertical-align: middle;
}
a
{
    color: #1081B9;
    text-decoration: none;
}
a:hover
{
    text-decoration: none;
    border-bottom: 1px solid #1081b9;
    padding-bottom: 1px;
}
#main
{
    width: 862px;
    margin: 0px auto;
    background: transparent url(images/bg-main-shadow.png) repeat-y scroll top center;
}
#top
{
    width: 862px;
    height: 28px;
    margin: 0px auto;
    margin-top: 20px;
    background: transparent url(images/bg-main-top.png) no-repeat scroll top center;
}
#bottom
{
    width: 862px;
    height: 46px;
    margin: 0px auto;
    margin-bottom: 20px;
    background: transparent url(images/bg-main-bottom.png) no-repeat scroll top center;
}
#header
{
    color: #999;
    clear: both;
    margin-bottom: 20px;
}
#header div
{
    color: #999;
}
#content
{
    clear: both;
    margin: 0px 30px;
    width: 800px;
    background-color: #fff;
}
#right
{
    float: right;
    width: 170px;
    background-color: #fff;
}
#left
{
    float: right;
    width: 610px;
    padding-right: 10px;
    margin-right: 10px;
    background: #fff url(images/bg-verticaldot-gray.gif) repeat-y scroll top right;
}
#footer
{
    clear: both;
    color: #999;
    text-align: center;
    padding: 10px 0px;
}
.separator
{
    clear: both;
    height: 1px;
    font-size: 0px;
    line-height: 0%;
    background-color: Transparent;
}
.hordotgray
{
    background: transparent url(images/bg-horizontaldot-gray.gif) repeat-x scroll bottom right;
}
.verdotgray
{
    background: transparent url(images/bg-verticaldot-gray.gif) repeat-y scroll top left;
}
img.bullet
{
    float: right;
    margin-left: 5px;
}
div.boxGray
{
    border-top: solid 3px #ddd;
    border-bottom: solid 3px #ddd;
    margin-bottom: 15px;
}
div.boxGray h3
{
    color: #555;
    font-weight: normal;
    text-align: right;
    background-color: #f5f5f5;
    padding: 3px 6px 5px 0px;
}
div.boxBlue
{
    border-top: solid 3px #cfd9fe;
    border-bottom: solid 3px #cfd9fe;
    margin-bottom: 15px;
}
div.boxBlue h3
{
    color: #003366;
    font-weight: normal;
    text-align: right;
    background-color: #f0f3ff;
    padding: 3px 6px 5px 0px;
}
div.boxBlue h3 a
{
    color: #003366;
}
div.boxBlue a
{
    color: #1081b9;
}
div.boxBlue a:hover
{
    border-bottom: 1px solid #1081b9;
}
div.boxBlue a.normal
{
    border: 0px;
}
div.boxBlue a.normal:hover
{
    color: #003366;
}
div.boxBlue .inner
{
    margin: 10px 6px;
}
div.boxBlue img.titleImage
{
    border: solid 1px #cfd9fe;
}
div.boxGreen
{
    border-top: solid 3px #d7fdae;
    border-bottom: solid 3px #d7fdae;
    margin-bottom: 15px;
}
div.boxGreen h3
{
    color: #003300;
    font-weight: normal;
    text-align: right;
    background-color: #f3fde8;
    padding: 3px 6px 5px 0px;
}
div.boxGreen h3 a
{
    color: #003300;
}
div.boxGreen a
{
    color: #339900;
}
div.boxGreen a:hover
{
    border-bottom: 1px solid #339900;
}
div.boxGreen a.normal
{
    border: 0px;
}
div.boxGreen a.normal:hover
{
    color: #003300;
}
div.boxGreen .inner
{
    margin: 10px 6px;
}
div.boxGreen img.titleImage
{
    border: solid 1px #d7fdae;
}
div.corner
{
    width: 50%;
    height: 5px;
    display: inline-block;
    float: right;
    padding: 0px;
    margin: 0px;
}
div.gray
{
    background-color: #f7f7f7;
}
div.grayTopRight
{
    background: transparent url(    'Images/corner-topright-gray.gif' ) no-repeat scroll right top;
}
div.grayTopLeft
{
    background: transparent url(    'Images/corner-topleft-gray.gif' ) no-repeat scroll left top;
}
div.grayBottomLeft
{
    background: transparent url(    'Images/corner-bottomleft-gray.gif' ) no-repeat scroll left bottom;
}
div.grayBottomRight
{
    background: transparent url(    'Images/corner-bottomright-gray.gif' ) no-repeat scroll right bottom;
}
div.orange
{
    background-color: #fff4e0;
}
div.orangeTopRight
{
    background: transparent url(    'Images/corner-topright-orange.gif' ) no-repeat scroll right top;
}
div.orangeTopLeft
{
    background: transparent url(    'Images/corner-topleft-orange.gif' ) no-repeat scroll left top;
}
div.orangeBottomLeft
{
    background: transparent url(    'Images/corner-bottomleft-orange.gif' ) no-repeat scroll left bottom;
}
div.orangeBottomRight
{
    background: transparent url(    'Images/corner-bottomright-orange.gif' ) no-repeat scroll right bottom;
}
div.green
{
    background-color: #f3fde8;
}
div.greenTopRight
{
    background: transparent url(    'Images/corner-topright-green.gif' ) no-repeat scroll right top;
}
div.greenTopLeft
{
    background: transparent url(    'Images/corner-topleft-green.gif' ) no-repeat scroll left top;
}
div.greenBottomLeft
{
    background: transparent url(    'Images/corner-bottomleft-green.gif' ) no-repeat scroll left bottom;
}
div.greenBottomRight
{
    background: transparent url(    'Images/corner-bottomright-green.gif' ) no-repeat scroll right bottom;
}
div.greenBorder
{
    border: solid 1px #f3fde8;
    border-top-width: 0px;
    padding: 8px;
}
div.blue
{
    background-color: #f0f3ff;
}
div.blueTopRight
{
    background: transparent url(    'Images/corner-topright-blue.gif' ) no-repeat scroll right top;
}
div.blueTopLeft
{
    background: transparent url(    'Images/corner-topleft-blue.gif' ) no-repeat scroll left top;
}
div.blueBottomLeft
{
    background: transparent url(    'Images/corner-bottomleft-blue.gif' ) no-repeat scroll left bottom;
}
div.blueBottomRight
{
    background: transparent url(    'Images/corner-bottomright-blue.gif' ) no-repeat scroll right bottom;
}
div.blueBorder
{
    border: solid 1px #f0f3ff;
    border-top-width: 0px;
    padding: 8px;
}
div.padding
{
    padding: 15px 20px;
}
img.padding
{
    padding: 5px;
}
h3.box
{
    color: #444;
    font-weight: normal;
    padding: 8px;
}
a.normal
{
    border: 0px;
}
.bulletGreenArrow
{
    margin-bottom: 10px;
    background: transparent url(images/bullet-title-arrow-green.gif) no-repeat scroll center right;
    text-indent: 18px;
}
.bulletOrangeArrow
{
    background: transparent url(images/bullet-arrow-orange-small.gif) no-repeat scroll right 2px;
    text-indent: 9px;
}
ul.grayArrow
{
    list-style-image: url(   'images/bullet-arrow-gray.gif' );
}

ul.grayArrow li
{
    padding: 2px 0px;
}
ul.greenCheck
{
    list-style-image: url(   'images/bullet-check-green.gif' );
}
ul.greenCheck li
{
    padding: 10px 0px;
    padding-left: 40px;
}
ul.blueCircle
{
    list-style-image: url(   'images/bullet-circle-blue.gif' );
}
ul.blueCircle li
{
    padding: 2px 0px;
}
div.siteThumbnail
{
    float: right;
    width: 256px;
    padding: 3px;
    text-align: center;
    direction: rtl;
    color: #444444;
    font-size: 9pt;
    font-family: tahoma;
    margin: 15px 20px;
    margin-bottom: 0px;
}
div.siteThumbnail a:hover
{
    color: #ff9900;
}
div.siteThumbnail img
{
    border: 1px #999 solid;
    margin-bottom: 4px;
}
.info
{
    text-align: justify;
}
.info table
{
    border-collapse: collapse;
    width: 100%;
    direction: rtl;
    font-family: Tahoma;
    font-size: 9pt;
    font-weight: normal;
    border: 1px #aaa solid;
}
.info td, .info th
{
    border: 1px #ccc solid;
}
.info td.ready
{
    font-size: 18pt;
    color: green;
    text-align: center;
}
.info th
{
    font-weight: normal;
    background-color: #ddd;
    text-align: center;
}
.header
{
    margin-top: 20px;
    margin-bottom: 5px;
    font-family: "Times New Roman";
    font-size: 12pt;
    font-weight: bolder;
}
.header a
{
    color: #F49300;
}
.header a:hover
{
    color: #F49300;
    border: 0px;
}
input.text, textarea.text, select.text
{
    border: solid 1px orange;
    width: 300px;
    font-family: tahoma;
    font-size: 9pt;
}
input.button
{
    font-family: tahoma;
    font-size: 9pt;
}
.ltr
{
    direction: ltr;
}
.rtl
{
    direction: rtl;
}
.error
{
    color: Red;
    text-align: center;
}
.message
{
    color: Green;
    text-align: center;
}
.services
{
}
div.pagging
{
    color: #666;
    text-align: center;
}
div.pagging a:hover
{
    /*color: #0066cc;*/
}
div.pagging a
{
    /*color: #66a3e0;*/
}
/* Newsletter UC : Begin */
.newsletterBox
{
}
.newsletterBox .newsletterSignUpForm
{
    padding: 0px;
    margin: inherit 0px;
    list-style-type: none;
}
.newsletterBox .newsletterSignUpForm li
{
    margin: 5px 0;
}
.newsletterBox .fieldTitle
{
    font-size: 8pt;
}
.newsletterBox .required
{
    color: Red;
}
.error
{
    color: Red;
}
.newsletterBox .text
{
    height: 15px;
    width: 165px;
}
.newsletterBox .requiredMessage
{
    font-size: 8pt;
    margin: 5px 0;
    width: 165px;
}
/* Newsletter UC : End */

/* ContentList UC: Begin  */
div.contentList
{
    clear: both;
    height: 65px;
}
#right div.contentList
{
    height: auto;
}
div.contentList .titleImage
{
    float: right;
    margin: 0 5px;
    padding: 2px;
    width: 50px;
}
#right div.contentList .titleImage
{
    width: 30px;
}
div.contentList .publishedDateTime
{
    color: #999;
    font-size: 8pt;
}
div.contentList .upperTitle
{
    color: #808080;
    font-size: 8pt;
}
div.contentList .title
{
    font-size: 9pt;
}
div.contentList .bottomTitle
{
    color: #808080;
    font-size: 8pt;
}
div.contentList .more
{
}
div.contentList .more a
{
}
div.contentList .more a:hover
{
}
/* ContentList UC: End  */

/* ContentDetails UC: Begin  */

div.contentDetails
{
}

.contentDetails .tools
{
    margin: 20px 0px;
}

.contentDetails .tools .item
{
    float: left;
    margin-right: 20px;
}

div.contentDetails .title
{
    color: #0066CA;
    font-family: times New Roman;
    font-size: 14pt;
    font-weight: bold;
    text-align: right;
}

div.contentDetails .publishDate
{
    color: gray;
    font-size: 8pt;
    font-weight: normal;
    margin-bottom: 14px;
}

div.contentDetails .code
{
    color: gray;
    float: left;
    font-size: 8pt;
}

div.contentDetails .codeTitle
{
}

div.contentDetails .upperTitle
{
    color: #808080;
    font-size: 9pt; /*margin-bottom: 10px;*/
    text-align: right;
}

div.contentDetails .bottomTitle
{
    color: #808080;
    font-size: 9pt; /*margin-bottom: 10px;*/
    text-align: right;
}

div.contentDetails .lead
{
    color: #888;
    font-size: 9pt;
    padding: 9px 0px;
    text-align: justify;
}
div.contentDetails .body, div.contentDetails .body p, div.contentDetails .body div
{
    color: #444;
    font-size: 9pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    margin-top: 10px;
    line-height: 180%;
}
div.contentDetails .bodyImage
{
    float: left;
    padding: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    border: 1px solid #ddd !important;
    cursor: pointer;
}
div.contentDetails .source
{
    text-align: right;
    margin-top: 10px;
}
div.contentDetails .source a
{
}
div.contentDetails .source a:hover
{
}
div.contentDetails .authors
{
    font-size: 9pt;
    margin-top: 10px;
}
div.contentDetails .authors a
{
}
div.contentDetails .authors a:hover
{
}
/* ContentDetails UC: End  */

.related
{
    clear: both;
    margin-top: 45px;
}
.relatedTitle
{
    font-family: Tahoma;
    font-weight: bold;
    font-size: 9pt;
}



#projects .projectsPreview
{
    clear: both;
}
#projects .projectsPreview img.thumbnail
{
    float: right;
    border: solid 1px #ccc;
    margin-left: 5px;
}
#projects .projectsPreview label
{
    color: #666;
    display: block;
    font-weight: bold;
    margin-bottom: 6px;
}
#projects .projectsPreview label span
{
    color: #444;
    font-weight: normal;
    font-family: Tahoma;
    font-size: 9pt;
}
#projects .container
{
    width: 570px;
    height: 194px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
#projects .slides
{
    position: absolute;
    top: 0;
    left: 0;
}
#projects .slides div
{
    position: absolute;
    top: 0;
    width: 570px;
    display: none;
}
#projects .slides li
{
    padding-bottom: 20px;
}
#projects ul.pagination
{
    list-style: none;
    padding: 0;
    margin: 0;
}
#projects ul.pagination li
{
    font-size: 14pt;
    float: left;
    margin: 0px 2px;
}
#projects ul.pagination li a
{
    color: #66cc00;
}
#projects a.next:hover, #projects a.previous:hover
{
    padding: 0px;
}
#projects ul.pagination li.active a, #projects ul.pagination li a:hover
{
    color: #ff6633;
}




div.tag
{
    display: inline-block;
}
div.tag span
{
    font-size: 7pt;
    color: #ffa500;
}

/****** Media Box: Begin ******/
#medias
{
    clear: left;
    margin-bottom: 5px;
    margin-right: 5px;
    text-align: center;
    float: left;
    width: 250px;
    border: 1px solid #ddd;
    padding: 5px;
    padding-bottom: 0px;
}
#medias .mediaSimple
{
    clear: both;
    margin: auto auto;
}
#medias .mediaSimple .body, #medias .mediaSimple .body p, #medias .mediaSimple .body div
{
    color: #666;
    font-size: 8pt;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    margin-top: 3px;
    line-height: 150%;
}
#medias .mediaSimple .imageTitle, #medias .mediaSimple .soundTitle, #medias .mediaSimple .videoTitle
{
    color: #666;
    font-size: 8pt;
    font-family: Tahoma;
    line-height: 120%;
}
#medias .mediaSimple label
{
    color: #666;
    display: block;
    font-weight: bold;
    margin-bottom: 6px;
}
#medias .mediaSimple label span
{
    color: #444;
    font-weight: normal;
    font-family: Tahoma;
    font-size: 9pt;
}
#medias .mediasContainer
{
    min-height: 240px;
}
#medias .container
{
    width: 250px;
    height: 250px;
    overflow: hidden;
    position: relative;
}
#medias .slides
{
    position: absolute;
    top: 0;
    left: 0;
}
#medias .slides div.mediaSimple
{
    position: absolute;
    top: 0;
    width: 250px;
    display: none;
}
#medias ul.pagination
{
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline;
    
}
#medias ul.pagination li
{
    font-size: 14pt;
    display: inline;
    margin: 0px;
    padding: 0px 3px;
}
#medias ul.pagination li a
{
    color: #66cc00;
}
#medias .navigation img
{
    padding-bottom: 4px;
}
#medias a.next:hover, #medias a.previous:hover
{
    padding: 0px;
}
#medias ul.pagination li.active a, #medias ul.pagination li a:hover
{
    color: #ff6633;
}
/****** Media Box: End ******/


div.mediaSimple .sound
{
    /*margin-top: 120px;*/
}